По нажатию на кнопку записать квадрат введенного числа. Не могу понять почему код не рабочий

Question

Даны два инпута и кнопка. В первый пользователь вводит число. По нажатию на кнопку запишите во второй инпут квадрат введенного числа.

<!DOCTYPE html>
 <html lang="en">
 <head>
 <meta charset="UTF-8">
 <title>Document</title>
 </head>
  <body>
 <input type="text" id="text1" value="Введите число">
 <input type="text" id="text2" value="Здесь появится результат">
  <input type="button" id="but" value="Нажми на меня">
   <script type="text/javascript">
   text1.addEventListener("focus", function(){this.value = null}, false);
    but.addEventListener("click", function(){
        if (isNaN(parseInt(text1.value))) {alert("Введено не число")}
        else{ text2.value = Math.pow(parseInt(text1.value ),2);
        text1.value = null;
        } ,false);
        </script>
        </body>
        </html>

Answer 1

А вы смотрите в консоль на ошибки или нет? Вы не закрыли все скобки и код ругался на код. Что-бы смотреть в консоль нажмите F12 и выберете Console, там будут выводиться ошибки и данные если вы бедете использовать console.log([значение]);

text1.addEventListener("focus", function() {
  this.value = null;
}, false);

but.addEventListener("click", function() {
  if (isNaN(parseInt(text1.value))) {
    alert("Введено не число");
  } else {
    text2.value = Math.pow(parseInt(text1.value), 2);
    text1.value = null;
  }
}, false);

<body>
  <input type="text" id="text1" value="Введите число">
  <input type="text" id="text2" value="Здесь появится результат">
  <input type="button" id="but" value="Нажми на меня">
</body>

БЛОГ НА HUSL

По нажатию на кнопку записать квадрат введенного числа. Не могу понять почему код не рабочий

Ответы (1 шт):