GeezerVison

import("#duong-dan-module").then((module) => {
  // sử dụng đối tượng module
});

export function reverseString(str) {
  return str.split("").reverse().join("");
}

export function isPalindrome(str) {
  return str === str.split("").reverse().join("");
}

<!DOCTYPE html>
<html>
  <head>
    <title>String operations</title>
  </head>

  <body style="text-align:center;">
    <h1 style="color:green;">CompleteJavaScript</h1>

    <input type="text" id="myString" />

    <button id="reverse" style="padding: 0.5em 0.5em;">
      Reverse the String !!
    </button>

    <button id="palindrome" style="padding: 0.5em 0.5em;">
      Check whether palindrome !!
    </button>

    <div
      id="answer"
      style="color: green;
                font-size: 2em;
                padding: 1em;"
    ></div>

    <!-- script để thực hiện các tác vụ lên chuỗi -->
    <script type="text/javascript">
      let reverseButton = document.getElementById("reverse");
      let palindromeButton = document.getElementById("palindrome");

      // module chứa hàm để đảo ngược chuỗi
      let module1 = "/reverseString.mjs";

      // module chứa hàm để kiểm tra string có phải palindrome hay không
      let module2 = "/isPalindrome.mjs";

      // xử lý khi `reverseButton` được click
      reverseButton.addEventListener("click", () => {
        let str = document.getElementById("myString").value;

        import(module1).then((module) => {
          document.getElementById("answer").innerHTML =
            module.reverseString(str);
        });
      });

      // xử lý khi `palindromeButton` được click
      palindromeButton.addEventListener("click", () => {
        //consuming the value of input
        let str = document.getElementById("myString").value;

        import(module2).then((module) => {
          if (module.isPalindrome(str)) {
            document.getElementById("answer").innerHTML =
              "The string is a palindrome";
          } else {
            document.getElementById("answer").innerHTML =
              "The string is not a palindrome";
          }
        });
      });
    </script>
  </body>
</html>