Hello I'm trying getElementById to change text inside my html web page. below you can find my 1st attempt

```
<!DOCTYPE html>
<html>
<body>
<h2>Use JavaScript to Change Text</h2>
<p>This example writes "Hello JavaScript!" into an HTML element with id="demo":</p>
<p id="demo"></p>
<script>
    var net     = require('net');
    var sleep   = require('sleep');
    var element = document.getElementById("demo");
    element.innerHTML = "Hello JavaScript!";
</script> 

```

This code doesn't work because I can see the:

Use JavaScript to Change Text

This example writes "Hello JavaScript!" into an HTML element with id="demo":

but the:
 "Hello JavaScript!"
is missing.

Changing the positions of the vars at the beginning of the js script makes the code working:

```
<!DOCTYPE html>
<html>
<body>
<h2>Use JavaScript to Change Text</h2>
<p>This example writes "Hello JavaScript!" into an HTML element with id="demo":</p>
<p id="demo"></p>
<script>
    var element = document.getElementById("demo");
    element.innerHTML = "Hello JavaScript!";
    var net     = require('net');
    var sleep   = require('sleep');
</script> 

```

Why? I need both sleep and net later on when I'll write other parts of the code but I need to manipulate again the "demo" html as well.