Desktop/DOM.html at master · create2000/Desktop · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>DOM</title>
</head>
<body>


    <button onclick="
      document.querySelector('.choice')
         .innerHTML = 'You chose: Heads';
    ">Heads</button>

    <button onclick="document.querySelector('.choice')
         .innerHTML = 'You chose: Tails';
    ">Tails</button>

    <p class="choice"></p>


    <input placeholder="Name" class="Name-input" onkeydown="
      if (event.key === 'Enter') {
         submitName()
      }
    ">
    <button onclick="
        submitName()
    ">Submit</button>

    <p class="message"></p>

   <script>
      function submitName() {

         const inputElement = document.querySelector('.Name-input');
         document.querySelector('.message').innerHTML = `Your name is ${inputElement.value}`;

      }

      /*
   function subscribe() {
      const buttonElement = (document.querySelector('.js-subscribe-button'))

      if (buttonElement.innerHTML === 'Subscribe') {
         buttonElement.innerHTML = 'Subscribed';
      } else{
         buttonElement.innerHTML = 'Subscribe';
      }

   }
   */
      //console.log(document.querySelector('button'));//
      //document.querySelector('.DOM').innerHTML = '9b done'//


   </script>

</body>
</html>