Task: Reading the DOM

The Task

Reading from the DOM

Read the 'Orange' <p> tag into a var (not a const) called orange
Read the <input> tag into a var (not a const) called input

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<html>
  <head>
    <style>
      .apple {
        color: green;
      }
      .orange {
        color: orange;
      }
    </style>
  </head>
  <body>
    <div>
      <p class="apple">Apple</p>
      <p class="orange">Orange</p>
      <input id="input1" placeholder="Input" />
    </div>
    <script>
      // Vanilla Javascript code goes here!!
    </script>
  </body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Get Help

The tasks need a laptop / computer. Please reload the page on a larger device.

Introduction

What you'll learn

What Next