Попытка поместить ввод из текстового поля в консоли, страница просто гаснет - PullRequest
Новая
       47

Попытка поместить ввод из текстового поля в консоли, страница просто гаснет

0 голосов
/ 22 ноября 2018

Я пытаюсь написать простую программу.Я пишу текст в текстовом файле, нажимаю «Отправить», и он появляется в консоли.Звучит просто, правда?Я тоже так думал.К сожалению, когда я нажимаю кнопку отправить, страница просто становится пустойНет ошибок, просто гаснет.Почему это происходит?Даже изменение кнопки «Отправить» на обычную общую кнопку не сработало.

Вот мой код: 

function write(){
  var graffiti = document.getElementById("graffiti").value; 
  console.log(graffiti);
}
<!DOCTYPE html>
<html>
  <head>
    <script src="graffiti.js"></script>
  </head>
  <body>
    <input type="text" id="graffiti"><br>
    <input type="submit" value="submit" onclick="write()">
  </body>
</html>

В чем дело?

1 Ответ

0 голосов
/ 22 ноября 2018

попробуйте следующий способ 

<!DOCTYPE html>
<html>
  <head> </head>
  <body>
      <input type="text" id="graffiti" /><br />
      <input id="myBtn" type="submit" value="submit" />

    <script>
        function write() {
          var graffiti = document.getElementById("graffiti").value;
          console.log(graffiti);
        }

        document.getElementById("myBtn").addEventListener("click", write);
      </script>
  </body>
</html>

Теория, потому что этот пример не работает пример

Не работает по имени функция, котораямы проходим по клику.Я думаю, что это приводит к конфликту с глобальным определением document.write document.write

Переименование write () в myFunction (). 

<!DOCTYPE html>
<html>
  <head> </head>
  <body>
        <input type="text" id="graffiti"><br>
        <input id="dasd" type="submit" value="submit" onclick="myFunction()">

    <script>
        function myFunction($event){
            var graffiti = document.getElementById("graffiti").value;
            console.log(graffiti);        
        }
    </script>
  </body>
</html>

Я оставляю интересную ссылку

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...