Как получить кнопку для отображения при клике - PullRequest
Новая
       2

Как получить кнопку для отображения при клике

0 голосов
/ 18 января 2019

Используя JavaScript (или jQuery), создайте переменную с именем «myName» и установите значение «myName» Создайте, чтобы при нажатии на нее отображалось предупреждение с вашей переменной «myName». Вот проблема, над которой я сейчас работаю. Я супер новичок в этом и просто пытаюсь понять это. Вот код, который у меня сейчас есть, когда я нажимаю кнопку, он ничего не отображает. 

<!Doctype html>
<html>
  <style type=text/css>
    div1 {
      background-color: yellow;
    }

    div2 {
      background-color: #000000;
      color: red;
    }

  </style>

  <body>

    <div1 id="myName"><b>Woolley</b></div1>

    <div2 class="Hobbies">Hockey</div2>

    <div2 class="Hobbies">Hiking</div2>

    <button type="button" onclick=var "myName"Woolley>Button</button>

  </body>

</html>


java script 

var "myName"
 "Woolley"

Ответы [ 3 ]

0 голосов
/ 18 января 2019

Использование чистого Javascript: 

<!Doctype html>
    <html>
      <style type=text/css>
        div1 {
          background-color: yellow;
        }

        div2 {
          background-color: #000000;
          color: red;
        }

      </style>
      <script>
        function displayName(){
          var myName = "Woolley";
          alert(myName);
        }
      </script>

      <body>

        <div1 id="myName"><b>Woolley</b></div1>

        <div2 class="Hobbies">Hockey</div2>

        <div2 class="Hobbies">Hiking</div2>

        <button type="button" onclick="displayName()">Button</button>

      </body>

    </html>
0 голосов
/ 18 января 2019
  • Чтобы onclick на вашей кнопке что-то сделал, скажите onclick, что делать при срабатывании; В этом случае я сказал ему выполнить функцию myFunction.
  • В этой функции создайте свою переменную и предупредите ее, используя alert()

function myFunction() {
  var myName = "Woolley";
  alert(myName);
}
<!Doctype html>
<html>
<style type=text/css>
  div1 {
    background-color: yellow;
  }
  
  div2 {
    background-color: #000000;
    color: red;
  }
</style>

<body>

  <div1 id="myName"><b>Woolley</b></div1>

  <div2 class="Hobbies">Hockey</div2>

  <div2 class="Hobbies">Hiking</div2>

  <button type="button" onclick="myFunction()">Button</button>

</body>

</html>

Если вы не хотите использовать функцию, вы также можете указать onclick выполнить alert() без функции: 

<button type="button" onclick="var myName = 'Woolley'; alert(myName);">Button</button>

Обратите внимание, что вам нужно правильно использовать " и ', в противном случае ваш HTML-код недействителен и не может выполнить ваш JavaScript.

0 голосов
/ 18 января 2019

Вы можете проверить приведенный ниже код, чтобы изменить значение 

<p id="changeName">Mark</p>
<button type="button" class="myevent">Button</button>

<script>
jQuery(function(){
    $('.myevent').on('click', function(){
       var name = "John Doe";
       $('#changeName').val(name);
    });
});
</script>

Это функция Jquery, пожалуйста, включите библиотеку jquery перед ее использованием.

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

Нет похожих вопросов

...