COAP:COAP-2100/week7: Difference between revisions
Jump to navigation
Jump to search
mNo edit summary |
|||
Line 17: | Line 17: | ||
==== Classroom activities ==== | ==== Classroom activities ==== | ||
Open [http://tecfa.unige.ch/guides/js/ex/coap/week-3/simple-quiz.html simple-quiz.html] and save this file on your desktop. We will make some modifications to it, i.e. prepare homework 6. | |||
==== Homework ==== | ==== Homework ==== |
Revision as of 20:41, 4 October 2009
Week 7
Topics Covered
- HTML5 for information ...
- HTML forms
- The concept of server-side scripting and web applications
- Using JavaScript to process form
Teaching materials
- HTML5
- HTML forms tutorial (includes JavaScript and server-side scripting)
- Use the Codeburner extension in Firefox for reference (if needed)
Classroom activities
Open simple-quiz.html and save this file on your desktop. We will make some modifications to it, i.e. prepare homework 6.
Homework
- Task
Create a JavaScript program that can process a quiz made with simple radio buttons. Code above can serve as basis. However, you should change the two questions and add at least a third one. In other words:
- You must change something in the HTML forms code. Make sure that each group of radio buttons has a different name. E.g. when you add a question, use name="question3"
- You must change something in the JavaScript Provide feedback section. I.e. change the score values and the feedback messages.
Note: CS students familiar with HTML forms and JavaScript can use other HTML forms.
- Tips
- Validate your HTML code
- Make sure to open the error console (in Firefox: Tools-> error console) !!
- Evaluation criteria
- Ergonomics (does the quiz "make sense")
- HTML and CSS code (is it valid)
- Style and presentation
- JavaScript (is your code running, does it compute ok)
- Due
- Before Wednesday week 8 class
- Submission
- Submit the file to the world classroom