heeyjessii / redalert_js Goto Github PK

In this project, we will be working with basic Javascript and HTML concepts to understand how we can attach functionality to our User Interface.

Create a simple working application using, HTML, JavaScript Logic, Events to create a button on our webpage. When the user clicks on that button, they will receive a visual indicator that they clicked the button.

To complete this project you will need:

• Sublime text
• Chrome

at the completion of this exercise, you should understand:

• HTML elements
• Javascript Event Handling
• the alert() browser function

• Event handling
• Browser functions
• Linking js externally inside an HTML doc

1. Fork this repo
2. Inside your root folder, git clone [url] your newly forked repo found in your git account.
3. Create an index.html page
4. Create a js folder and an app.js file in the root of redAlert.
5. Create a reference to your app.js file from your index.html file.
6. Create the structure of your index.html along with your or tag
7. In your app.js, write an event handler function to listen for the onclick event and use the alert() method to notify the user they have clicked on the button
8. Dont forget to write a 'string' inside the alert() method.

1. Make your string alert dynamic

• W3Schools - Alert Method
• W3Schools - onclick Event