The objective of a switch statement is to give an expression to evaluate and several different statements to execute based on the value of the expression.

INSTRUCTIONS TO CANDIDATES

ANSWER ALL QUESTIONS

A.  Introduction/ Situation/ Background Information

 

This assignment will focus to evaluate the students’ ability to implement web pages using HTML, CSS and JavaScript. It is intended to elevate the students’ knowledge and skills.

 

 

B.  Course Learning Outcomes (CLO) covered

 

At the end of this assessment, students are able to:

 

CLO 1       Construct a simple web site using the standard Web site language.

CLO 2       Use the foundation design language such as HTML and CSS.   

CLO 3       Use a web editor such as Notepad to build web site.

CLO 4       Apply a second web based language to improve the web site design.

 

C.  University Policy on Academic Misconduct

 

1. Academic misconduct is a serious offense in Xiamen University Malaysia. It can be defined as any of the following:

i. Plagiarism  is  submitting  or  presenting  someone  else’s  work,  words,  ideas,  data  or information as your own intentionally or unintentionally. This includes incorporating published and unpublished material, whether in manuscript, printed or electronic form into your work without acknowledging the source (the person and the work).

ii. Collusion is two or more people collaborating on a piece of work (in part or whole) which is intended to be wholly individual and passes it off as own individual work.

iii. Cheating is an act of dishonesty or fraud in order to gain an unfair advantage in an assessment. This includes using or attempting to use, or assisting another to use materials that are prohibited or inappropriate, commissioning work from a third party, falsifying data, or breaching any examination rules.

 

2.   All the assessment submitted must be the outcome of the student. Any form of academic misconduct is a serious offense which will be penalised by being given a zero mark for the entire assessment in question or part of the assessment in question. If there is more than one guilty party as in the case of collusion, both you and your collusion partner(s) will be subjected to the same penalty.

 

D.  Instruction to Students

 

1. This is an individual assignment project.

2. Submission deadline: 10 March 2022, 11.59PM via Moodle.

3. This assignment accounts for a total of 40% of overall course evaluation.

E.  Evaluation Breakdown

No.

Component Title Percentage (%)

1. Question 1 10 %

2. Question 2 20 % 

3. Question 3 10 %

TOTAL 40 %

 

 

 

 

F.  Task(s)

Question 1 

• The objective of a switch statement is to give an expression to evaluate and several different statements to execute based on the value of the expression. 

switch (expression) {

   case condition 1: statement(s)

   break;

      case condition 2: statement(s)

   break;

   ...

   

   case condition n: statement(s)

   break;

   

   default: statement(s)

}

 

• The user is required to input the year of birth in a textbox and then, the webpage will display the Chinese zodiac. 

• As a programmer, you are to apply switch statement to display the Chinese zodiac for the user based on their input as shown in the figure below.

 

 

[10 Marks]

 

 

 

 

Question 2 

Create a Registration Form using Javascript that ask user personal information including their choice of username and password. The form should consist of the following:

1. Full name

2. Email (validate the e-mail address)

3. Contact Number (only detects number and limit to 10 digits)

4. Country (display list of South East Asia countries)

5. Gender (either Female or Male)

6. Username

7. Password (range between 6 to 8 characters)

8. Re-Confirm password (will be highlighted if the value does not match with the value in Password text field)

When user click on “Register” button, it will alert user if any of the input field is empty or prompt user with “Registration success!” text message if all input were given. When user click on “reset” button, it will clear all the information in the form.

 

[20 Marks]

Question 3

Peter just received his class timetable from Academic Affair. Below are the courses that he is undertaking in this semester:

1. AEC6024 Principles of Measurement Monday, 9.00am – 1.00pm, 2.00pm – 6.00pm

2. AEE6032 Sustainable Development Tuesday, 10.00am – 12.00pm

3. AEC5023 Principles of Building Construction, Tuesday 03.00pm – 6.00pm

4. BUS4083 Economics, Wednesday 09.00am – 1.00pm

5. AIT2022 Working Drawings & ICT, Thursday 3.00pm – 5.00pm

6. AEC5023 Environmental and Material Sciences, Friday 9.00am – 11.00am

Using HTML table (including span attribute) and CSS, create the class timetable for Peter. You need to differentiate the courses by using different colours.

 

Attachments:

Related Questions

. Introgramming & Unix Fall 2018, CRN 44882, Oakland University Homework Assignment 6 - Using Arrays and Functions in C

DescriptionIn this final assignment, the students will demonstrate their ability to apply two ma

. The standard path finding involves finding the (shortest) path from an origin to a destination, typically on a map. This is an

Path finding involves finding a path from A to B. Typically we want the path to have certain properties,such as being the shortest or to avoid going t

. Develop a program to emulate a purchase transaction at a retail store. This program will have two classes, a LineItem class and a Transaction class. The LineItem class will represent an individual

Develop a program to emulate a purchase transaction at a retail store. Thisprogram will have two classes, a LineItem class and a Transaction class. Th

. SeaPort Project series For this set of projects for the course, we wish to simulate some of the aspects of a number of Sea Ports. Here are the classes and their instance variables we wish to define:

1 Project 1 Introduction - the SeaPort Project series For this set of projects for the course, we wish to simulate some of the aspects of a number of

. Project 2 Introduction - the SeaPort Project series For this set of projects for the course, we wish to simulate some of the aspects of a number of Sea Ports. Here are the classes and their instance variables we wish to define:

1 Project 2 Introduction - the SeaPort Project series For this set of projects for the course, we wish to simulate some of the aspects of a number of