make an Interactive Website 5 coding

Preview

Let's use jQuery to build a news reader.

• The file index.html contains the page structure and content
• The file style.css has the styling for the page
• Click on the first article.
• Use the n keyboard shortcut to go to the next article.
• Then use the o keyboard shortcut to open the article description.
• If you have issues, check out the hint!
• Click Save & Submit Code to get started!

1. Click on the first article.
2. Use the n keyboard shortcut to go to the next article.
3. Then use the o keyboard shortcut to open the article description.
4. If you have issues, check out the hint!
5. Click Save & Submit Code to get started!

?

Hint

If the keyboard shortcuts do not work, look at your code and see if you have a bunch of n's and o's which should not be there!

Delete those n's and o's. Then make sure you click on an article before you press the n's and o's. Hopefully it works now!

Program skeleton

The index.html file has two scriptelements right before the closing </body>tag:

• The first script loads jQuery.
• The second script loads app.js. The fileapp.js is where we'll write jQuery code for our news reader.

var main = function() {

};


$(document).ready(main);