Completion requirements
View
Make a submission
Receive a grade
Due: Friday, 22 August 2025, 5:00 PM
Instructions
- This simple exercise is to practice the use of basic input and output statements of JS and also the if statement.
- In your portfolio, create a file inside the public folder and name it as Q13GSectionLastName.html
- Copy the code template given below.
- Include the necessary HTML tags to display the input screen as shown in the sample initial screen.
- Inside the checkIt() function, the JS code:
- should be able to read the information typed by the user.
- compare it against the variable dNumber containing a random number from 1 to 100.
- display a result of either Higher, Lower or You are correct!
- Change the content of header2 <h2></h2> to contain your name and section.
- Example:
- <h2> Q1 3rd Graded Exercise submitted by Pablo Nase of 9Carbon </h2>
- Example:
- Save your work.
- Edit the index.html of your portfolio and add a link to this exercise. As shown below:
- <li><a href="./public/Q13GSectionLastName.html"> Third Graded Exercise </a>
- </li>
- Save your changes, test by opening index.html with live server. You should be seeing a link to your third graded exercise and when you click on it an output similar to the one shown below should be seen.
- Commit (save) your work in your Github account to update the online version of your portfolio.
- Submit the link to the live Github live website of your portfolio and also link to your code in github.
-
Reminder: Your work should be your own, incorporate a citation to all resources used in this exercise should be inside a footer tag. Since this is a graded exercise, the use of AI is NOT permitted.
See Guide on how to do: APA Citation: https://libguides.csudh.edu/citation/apa-7
Sample Output
Initial State:
When User Entered a Number and the button is clicked (It will display Higher / Lower or You are correct)
Code Template
<!DOCTYPE html>
<html>
<body>
<h2> Q1 3rd Graded Exercise submitted by name of section</h2>
<!-- Enter your HTML tags below but before the opening script tag -->
<script>
var dNumber = Math.floor(Math.random() * 100) + 1; // generates a number from 1 to 100 when the page loads
function checkIt() {
}
</script>
</body>
</html>
Rubrics for Grading
1. The HTML/JS Code meeting the requirements (7pts) - (HTML tags 2pts, JS Code to read, process and display the result 5pts)
2. The file is inside the public folder of the 1st Qtr portfolio made in the 1st Graded Exercise with updated index.html with updated name on the header 2 tag. (3pts)