Rock, paper, scissors cheater
Write a rock, paper, scissors app that cheats. It always wins.
(If you were logged in as a student, you could submit an exercise solution, and get some feedback.)
Write a rock, paper, scissors app that cheats. It always wins.
(If you were logged in as a student, you could submit an exercise solution, and get some feedback.)
Make a web app to track your favorite bands.
(If you were logged in as a student, you could submit an exercise solution, and get some feedback.)
Make an quotes app, with an add form.
(If you were logged in as a student, you could submit an exercise solution, and get some feedback.)
Make a page for country data from the CIA World Fact Book.
(If you were logged in as a student, you could submit an exercise solution, and get some feedback.)
We have a template. To make a new page, we copy-and-paste the template. The template has JS to load reusable HTML for the navbar and footer.
Use onclick
to tell a browser what code to run when an HTML element is clicked.
Code is broken into pieces, triggered by events. Use variables to coordinate the pieces of code.
We are going to start planning our projects.
Let's write a simple app that helps track scores at a sports event. You can try it. Remember to open the dev tools' Console tab, so you can watch for errors as you run the code.
The page starts like this:
Every time a button is clicked, the app adds one to the team's score.
You have a BS template with some JS to load a navbar, and footer. You know how to make input fields, and buttons. You know how to tie JS code to events. You know how to validate. You know how to use variables to coordinate what happens across events. You know how to persist data, and erase persisted data when needed.
This lesson adds a few new things:
Our app will make a fake news feed.
Make some alerts and buttons.
(If you were logged in as a student, you could submit an exercise solution, and get some feedback.)