Выполнение основного javascript-кода

Question

Почему переменная x остается ложной даже после многократного нажатия на кнопку?

<p id="text">Bonjour</p> 
     <button type="button" id="button">Push to tranform</button> 
     <script> 
     var x=true; 
     document.getElementById("button").onclick= 
      function(){ 
      if ($x=true) { 
       document.getElementById("text").innerHTML="Au revoir"; 
       $x=false; 
      } 
      else { 
       document.getElementById("text").innerHTML="Bonjour"; 
       $x=true; 
      } 
     }; 
     </script> 

Answer 1

Есть несколько проблем в коде:

• вы не определяете $x в любом месте, вы определите x, но он не используется.

• Ваш if плохо: if ($x=true) должен быть if ($x==true) или даже if ($x===true).

= это назначение, тогда как ==/=== это сравнение/строгое сравнение.

Условие $x = true (что присвоение) является всегда правда так $x всегда становится false.

Answer 2

Вы путаете оператор = (с) присваивания == или === (сравнение или строгого сравнения)

Кроме того, вы объявляете переменную x и использовать переменную $x не заявленную в любом месте.

Наконец, когда вы проверяете booelan, вам не нужно сравнивать его с истинным или ложным, но вы скорее просто проверяете его значение непосредственно в объявлении вашего состояния. Так предпочитают if(x) к if(x===true)

Answer 3

В следующем коде, вы назначая значение истина, а не тестирования это

if($x=true) 

должен быть

if($x==true) 

Answer 4

Почему x переменная остается ложной

Потому что вы определили его как x, но вы устанавливаете $x.

$x - это не то же самое, что и x. Это два разных имени переменной; установка одного и ожидание изменения другого никогда не сработает.

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

Также if ($x=true) неправ.

Вам необходимо использовать == (двойное равное) или === (тройной равный), чтобы сделать сравнение. Если вы используете один знак равенства, вы устанавливаете переменную (даже в инструкции if()).

Решение: Изменение = в == или ===.

Answer 5

<p id="text">Bonjour</p> 
    <button type="button" id="button">Push to tranform</button> 
    <script> 
    var x=true; 

document.getElementById("button").onclick= 
      function(){ 
      if (x===true) { 
       document.getElementById("text").innerHTML="Au revoir"; 
       x=false; 
      } 
      else { 
       document.getElementById("text").innerHTML="Bonjour"; 
       x=true; 
      } 
     }; 

Answer 6

<p id="text">Bonjour</p> 
     <button type="button" id="button">Push to tranform</button> 
     <script> 
     var x=true; 
     document.getElementById("button").onclick= 
      function(){ 
      if (x==true) { 
       document.getElementById("text").innerHTML="Au revoir"; 
       x=false; 
      } 
      else { 
       document.getElementById("text").innerHTML="Bonjour"; 
       x=true; 
      } 
     }; 
     </script>