Javascript
interactive web design
App Design
In this unit, we will design a simple Javascript app.
It will convert a score to a grade eg
| Score | Grade |
|---|---|
| >=90 | A |
| >=80 | B |
| <80 | C |
TASK 2
Open the webpage with a text editor and a web browser. Splitscreen is useful if you know how to do it!
TASK 4
When a student gets a B, the satisfied image shows.
When a student gets a C, the sad image shows.
TASK 5
What ideas do you have to make this app better?
You can use CSS to make it look better. Eg can we make the button more attractive.
Maybe we can click on an image and some advice is displayed about how to get a better grade.
Think about it - can you make the app more attractive or more useful or more fun or....
You could ask AI for some ideas.
SUBMISSION
Submit your files as instructed by your tutor.