Create a folder in your desired location and call it public_html

open the public_html and create three other folders inside it. Images

Styles

scripts

You can also use the terminal by copying the command below and pasting to terminal window after you change directory to your working directory public_html.

Now start your text editor and open the public_html folder (click on file then open) Once the folder is in the editor, right click on the folder and create a new file. Name your new file index.html

Terminal:

Now your public_html should look like this Images

Styles

scripts

index.html

Copy and paste the below html into index.html file

Save the file; Inside the scripts folder create a file and name it `main.js`. Inside `main.js`, paste the code below:
Return to the public_html folder and open the index.html file by doble clicking it. This should open up a web brouser. Test the interactivity by clicking on the button.

Back👈🏻to Topics

Next Lesson: Functions, Part 2 Click here👉🏽

Take one minute to let us know what you want us to cover here Here .

Connect on twitter Twitter. share