---
# System prepended metadata

title: Web Hacking

---

# Web Hacking


create a folder/Directory with this files

- index.js
- index.html
- index.css

`index.html` should contain the following code

```html=
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>summer time</title>
    <link rel="stylesheet" href="index.css">

</head>

<body>


    <p class="bold-text" id="bold-text">This is your first website</p>
    

    <h1 class="bold-text">Hope it's dope</h1>

    <button id="myButton">click me</button>

    <p id="demo"> change when clicked</p>

    <script src="index.js"></script>

</body>

</html>
```

`index.js` should have 

```
let myButton = document.getElementById('myButton')
let contentBox = document.getElementById('demo')

myButton.onclick = function () {
    contentBox.innerHTML = 'I have been clicked, amazing !!!!'
}
```

`index.css` This part you have to experiment and find out how to add some suss to your site