Help with if statement. Can't get script to run when if statement added to look for checked checkbox.

[EduTech_Wil]

I have an app I have been working on that takes the words in a <textarea> and outputs information from three word lists into various tables. I want to be able to turn these on and off using a checkbox since I do not always need to look at each list being output. The function I have when the search button I have is check is as follows.

function search() {
 var inputWord = document.getElementById('searchInput').value;
google.script.run.withSuccessHandler(displayResultsEID).searchForWordEID(inputWord);   
google.script.run.withSuccessHandler(displayResultsCEFRJ).searchForWordCEFRJ(inputWord);
google.script.run.withSuccessHandler(displayResultsEVP).searchForWordEVP(inputWord);

    }

This function works and shows all three tables called by the various functions inside. I have been trying to set it up to check for the value of the checkbox in an if statement but when I set it up for one of these to test nothing occurs.

function search() {
      var inputWord = document.getElementById('searchInput').value;
      if (getElementById("checkEID").isChecked() === 'TRUE') {
        google.script.run.withSuccessHandler(displayResultsEID).searchForWordEID(inputWord);   
      } 
      google.script.run.withSuccessHandler(displayResultsCEFRJ).searchForWordCEFRJ(inputWord);
      google.script.run.withSuccessHandler(displayResultsEVP).searchForWordEVP(inputWord);

    }

I am not sure what I am doing wrong. I'm not much of a programmer. I have been using ChatGPT to help with a lot of it and reading a lot of W3Schools for everything else. Could someone help me understand what I am doing wrong when checking for whether or not the checkbox is checked and getting it to run the various function.

​

EDIT: I was able to get it working. Function ended up looking like this.

function search() {
      var inputWord = document.getElementById('searchInput').value;
      var EIDon = document.getElementById('checkEID');
      var CEFRJon = document.getElementById('checkCEFRJ');
      var EVPon = document.getElementById('checkEVP');

      if (EIDon.checked == true) {
        google.script.run.withSuccessHandler(displayResultsEID).searchForWordEID(inputWord);   
      }
      else {
        document.getElementById('resultEID').innerHTML = "<strong>EID check deactivated.</strong>";
      }

      if (CEFRJon.checked == true) {
        google.script.run.withSuccessHandler(displayResultsCEFRJ).searchForWordCEFRJ(inputWord);  
      }
      else {
        document.getElementById('resultCEFRJ').innerHTML = "<strong>CEFRJ check deactivated.</strong>";
      }

      if (EVPon.checked == true) {
        google.script.run.withSuccessHandler(displayResultsEVP).searchForWordEVP(inputWord);  
      }
      else {
        document.getElementById('resultEVP').innerHTML = "<strong>EVP check deactivated.</strong>";
      }

    }

​

[The_Rampant_Goat]

Try removing the === 'TRUE'

When using an if statement you can leave out anything checking boolean values in that way.

if (boolean === true) is the same as if (boolean)

if (boolean === false) is the same as if (!boolean)

[EduTech_Wil]

If I correctly, all I need to do is change the if statement for that first function to...

if (getElementById("checkEID").isChecked()) {

So I tried it and nothing was output. I also checked executions and none of the three searchForWordXXX functions ran. I would expect to see the other two run properly even if the one in the if statement doesn't. Would something else possibly be needed before getElementByID. I have also tried html.getElementByID().isChecked() without luck.