Creating the layout
In the newly created folder Chapter1
, create a file named index.html
and another .js
file named quiz.js
inside the js
folder of Chapter1
. The quiz.js
file will contain all the code that we need to make the quiz functional.
Markup for the quiz page
Open the index.html
file for editing using your favorite text editor, and write the following code in it:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Designing a simple quiz application</title> <link rel="stylesheet" href="css/ui-lightness/jquery-ui-1.10.4.custom.min.css"> </head> <body> <div class="container"> <span id="score"></span> <button id="reset" type="button">Reset</button> <div class="clear"></div> <hr/> <div id="leftCol"> <ul id="source"> </ul> </div> <div ...
Get Mastering jQuery UI now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.