JavaScript Изменение содержимого HTML

Question

У меня есть div со строкой внутри него. Я хочу изменить эту строку, если произойдет что-то конкретное. Я не уверен, почему, но я не могу заставить строку изменить вообще, даже если нет условного. Я очень ржавый JavaScript, поэтому любой совет будет оценен, я медленно возвращаюсь к основам.

<div class="cell text-center" id="changeString"> Report has not yet been pulled for this organization.</div> 

var bananas = true;  
if (bananas = true){ 
    document.getElementById('changeString').innerHTML = "You have successfully run the report."; 
} 

Может ли кто-нибудь увидеть, что я делаю неправильно? Я также попытался включить JS в функцию и называть ее в div с помощью onload="methodName".

Answer 1

Как @ j08691 упоминается в the above comment вы должны добавить кавычки в getElementById():

document.getElementById("changeString").innerHTML = "You have successfully run the report." 
________________________^____________^ 

И использовать == или === в вашем состоянии для сравнения вместо равного =, который используется для задания:

if (bananas === true){ 

И он будет работать так, как вы могли бы видеть ниже.

Надеюсь, это поможет.

document.addEventListener("DOMContentLoaded", function(event) { 
 
    var bananas = true; 
 

 
    if (bananas === true){ 
 
    document.getElementById("changeString").innerHTML = "You have successfully run the report." 
 
    } 
 
});

<div class="cell text-center" id="changeString"> Report has not yet been pulled for this organization.</div>