Description
see
Assignment 2
Deadline: Tuesday 10/11/2025 @ 23:59
[Total Mark for this Assignment is 8]
Student Details:
Name: ###
ID: ###
CRN: ###
Instructions:
• You must submit two separate copies (one Word file and one PDF file) using the Assignment Template on
Blackboard via the allocated folder. These files must not be in compressed format.
• It is your responsibility to check and make sure that you have uploaded both the correct files.
• Zero mark will be given if you try to bypass the SafeAssign (e.g. misspell words, remove spaces between
words, hide characters, use different character sets, convert text into image or languages other than English
or any kind of manipulation).
• Email submission will not be accepted.
• You are advised to make your work clear and well-presented. This includes filling your information on the cover
page.
• You must use this template, failing which will result in zero mark.
• You MUST show all your work, and text must not be converted into an image, unless specified otherwise by
the question.
• Late submission will result in ZERO mark.
• The work should be your own, copying from students or other resources will result in ZERO mark.
• Use Times New Roman font for all your answers.
Restricted – مقيد
Question One
Pg. 01
Learning
Outcome(s):
CLO3: Develop
dynamic web
pages using
JavaScript.
Question One
2 Marks
Write a simple HTML code with JavaScript to accept an input string from the
user and check whether it is a palindrome or not.
Important notes:
1. You should copy and paste the code as your answer to this question.
DON’T take a screenshot of your code. It must be an editable script.
2. Take a screenshot of each of your output web page screens and paste it
as part of your answer. Any missing screenshot results in marks
deduction.
Answer:
Restricted – مقيد
Question Two
Pg. 02
Learning
Outcome(s):
CLO5: Create
Rich Internet
Applications.
Question Two
3 Marks
Write code to create the registration webpage below using HTML and CSS for
the contents and styles. Use JavaScript for validation of the input fields as
indicated in the given ideal screenshots.
Important notes:
1. You should copy and paste the code as your answer to this question.
DON’T take a screenshot of your code. It must be an editable script.
2. Take a screenshot of each of your output web page screens and paste it
as part of your answer. Any missing screenshot results in marks
deduction.
Restricted – مقيد
Question Two
Pg. 03
Answer:
Restricted – مقيد
Question Three
Pg. 04
Learning
Outcome(s):
Question Three
3 Marks
To create the SEU webpage below, the HTML code with CSS is given for you.
CLO3: Develop
dynamic web
pages using
JavaScript.
index.html
Saudi Electronic University
body { font-family: system-ui, sans-serif; margin: 24px; }
header { display: flex; align-items: center; gap: 12px; }
nav a { margin-right: 10px; text-decoration: underline; color: Blue; }
.highlight { background: Pink; padding: 2px 4px; border-radius: 4px; }
.dark { background: #12151a; color: #e7eef8; }
.dark a { color: Yellow; }
#controls { margin: 16px 0; display: flex; gap: 10px; }
#announcements li { margin: 6px 0; }
Restricted – مقيد
Question Three
Pg. 05
Saudi Electronic University
Home
Colleges
Admissions
Examinations
Contact
Announcements
Orientation week starts next Sunday.
Update Title with Time
Highlight Nav Links
Add Announcement
SEU-Logo
Restricted – مقيد
Question Three
Pg. 06
Write your JavaScript code in “dome.js” file using DOM node selection and
event listeners, to do the following when the corresponding buttons are clicked.
1. Update title with current time on clicking button ‘Update Title with Time’.
2. Highlight all nav links when clicking the button ‘Highlight NAV Links’
3. On clicking the ‘Add Announcement’ button, append a new to the
#announcements section with the following text: New update posted at
.
The output of index.html, along with dome.js, should be similar to the web page
below.
Important notes:
1. You should copy and paste the code as your answer to this question.
DON’T take a screenshot of your code. It must be an editable script.
2. Take a screenshot of each of your output web page screens and paste it
as part of your answer. Any missing screenshot results in marks
deduction.
Restricted – مقيد
Question Three
Pg. 07
Learning
Outcome(s):
CLO1: Describe
methods and
tools in web
development.
CLO2: Create
web pages using
HTML5 and
CSS3.
Restricted – مقيد
Answer:
College of Computing and Informatics
Assignment 2
Deadline: Tuesday 10/11/2025 @ 23:59
[Total Mark for this Assignment is 8]
Student Details:
Name: ###
ID: ###
CRN: ###
Instructions:
• You must submit two separate copies (one Word file and one PDF file) using the Assignment Template on
Blackboard via the allocated folder. These files must not be in compressed format.
• It is your responsibility to check and make sure that you have uploaded both the correct files.
• Zero mark will be given if you try to bypass the SafeAssign (e.g. misspell words, remove spaces between
words, hide characters, use different character sets, convert text into image or languages other than English
or any kind of manipulation).
• Email submission will not be accepted.
• You are advised to make your work clear and well-presented. This includes filling your information on the cover
page.
• You must use this template, failing which will result in zero mark.
• You MUST show all your work, and text must not be converted into an image, unless specified otherwise by
the question.
• Late submission will result in ZERO mark.
• The work should be your own, copying from students or other resources will result in ZERO mark.
• Use Times New Roman font for all your answers.
Restricted – مقيد
Question One
Pg. 01
Learning
Outcome(s):
CLO3: Develop
dynamic web
pages using
JavaScript.
Question One
2 Marks
Write a simple HTML code with JavaScript to accept an input string from the
user and check whether it is a palindrome or not.
Important notes:
1. You should copy and paste the code as your answer to this question.
DON’T take a screenshot of your code. It must be an editable script.
2. Take a screenshot of each of your output web page screens and paste it
as part of your answer. Any missing screenshot results in marks
deduction.
Answer:
Restricted – مقيد
Question Two
Pg. 02
Learning
Outcome(s):
CLO5: Create
Rich Internet
Applications.
Question Two
3 Marks
Write code to create the registration webpage below using HTML and CSS for
the contents and styles. Use JavaScript for validation of the input fields as
indicated in the given ideal screenshots.
Important notes:
1. You should copy and paste the code as your answer to this question.
DON’T take a screenshot of your code. It must be an editable script.
2. Take a screenshot of each of your output web page screens and paste it
as part of your answer. Any missing screenshot results in marks
deduction.
Restricted – مقيد
Question Two
Pg. 03
Answer:
Restricted – مقيد
Question Three
Pg. 04
Learning
Outcome(s):
Question Three
3 Marks
To create the SEU webpage below, the HTML code with CSS is given for you.
CLO3: Develop
dynamic web
pages using
JavaScript.
index.html
Saudi Electronic University
body { font-family: system-ui, sans-serif; margin: 24px; }
header { display: flex; align-items: center; gap: 12px; }
nav a { margin-right: 10px; text-decoration: underline; color: Blue; }
.highlight { background: Pink; padding: 2px 4px; border-radius: 4px; }
.dark { background: #12151a; color: #e7eef8; }
.dark a { color: Yellow; }
#controls { margin: 16px 0; display: flex; gap: 10px; }
#announcements li { margin: 6px 0; }
Restricted – مقيد
Question Three
Pg. 05
Saudi Electronic University
Home
Colleges
Admissions
Examinations
Contact
Announcements
Orientation week starts next Sunday.
Update Title with Time
Highlight Nav Links
Add Announcement
SEU-Logo
Restricted – مقيد
Question Three
Pg. 06
Write your JavaScript code in “dome.js” file using DOM node selection and
event listeners, to do the following when the corresponding buttons are clicked.
1. Update title with current time on clicking button ‘Update Title with Time’.
2. Highlight all nav links when clicking the button ‘Highlight NAV Links’
3. On clicking the ‘Add Announcement’ button, append a new to the
#announcements section with the following text: New update posted at
.
The output of index.html, along with dome.js, should be similar to the web page
below.
Important notes:
1. You should copy and paste the code as your answer to this question.
DON’T take a screenshot of your code. It must be an editable script.
2. Take a screenshot of each of your output web page screens and paste it
as part of your answer. Any missing screenshot results in marks
deduction.
Restricted – مقيد
Question Three
Pg. 07
Learning
Outcome(s):
CLO1: Describe
methods and
tools in web
development.
CLO2: Create
web pages using
HTML5 and
CSS3.
Restricted – مقيد
Answer:
Purchase answer to see full
attachment
