app.mjs

function startApp() {
  let initialMessage = document.getElementById("initial_message");
  let toRedact = document.getElementById("toRedact-id");
  let defaultRedacter = "***";
  let defaultRedacterField = document.getElementById("redacter-id")
  const redactButton = document.getElementById("redact-btn");
  const clearButton = document.getElementById("clear-btn")
  const copyButton = document.getElementById("copy-btn");
  
  redactButton.addEventListener("click", isClicked);
  clearButton.addEventListener("click", clearValues);
  let counter = 0;
  
  function isClicked() {
    if (initialMessage.value == "") {
      alert("Please enter the message to be redacted!")
    } else {
      const startTime = performance.now();
      let messageStrings = initialMessage.value.split(" ");
      console.log(messageStrings);
      let redactList = toRedact.value.toLowerCase().split(" ");
      console.log(redactList);
      isDefaultRedacter();
      let charCount = 0;

      let x = messageStrings.forEach(element => {  
        if (element[element.length-1] == "."){
          let index = messageStrings.indexOf(element)
          element = element.slice(0,-1)
          messageStrings[index] = element
          // console.log(element)
        }
        
      });
  
      for (let i in messageStrings) {
        if (redactList.includes(messageStrings[i].toLowerCase()) == true) {
          charCount += messageStrings[i].length;
          messageStrings[i] = defaultRedacter;
          counter++;
        }
      }
      document.getElementById("redacted_message").innerHTML =
      messageStrings.join(" ");
      document.getElementById("a").innerHTML = messageStrings.length;
      document.getElementById("b").innerHTML = counter;
      document.getElementById("c").innerHTML = charCount;
      const endTime = performance.now();
      document.getElementById("d").innerHTML = endTime - startTime;
      counter = 0;
    }
  }
  
  function isDefaultRedacter() {
    let redacter = document.getElementById("redacter-id");
    if (redacter.value == "") {
      // console.log(defaultRedacter);
      return;
    } else {
      defaultRedacter = redacter.value;
      // console.log(defaultRedacter);
    }
  }
  
  copyButton.addEventListener("click", copy);
  function copy() {
    let copyText = document.getElementById("redacted_message");
    copyText.select();
    copyText.setSelectionRange(0, 99999); /* For mobile devices */
    navigator.clipboard.writeText(copyText.value);
  }
  
  function clearValues() {
    initialMessage.value = ""
    toRedact.value = ""
    defaultRedacterField.value = ""
    document.getElementById("redacted_message").innerHTML = "";
    document.getElementById("a").innerHTML = 0;
    document.getElementById("b").innerHTML = 0;
    document.getElementById("c").innerHTML = 0;
    document.getElementById("d").innerHTML = 0;
    return
  }

};
  
  // ======= DO NOT EDIT ============== //
  export default startApp;
  // ======= EEND DO NOT EDIT ========= //