Scribd
Upload
14 views1 page

Pixel6 JavaScript

Uploaded by

Manasi Shinde
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
14 views1 page

Pixel6 JavaScript

Uploaded by

Manasi Shinde
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 1

Pixel6 Web Studio Pvt. Ltd.

Baner, Pune 411045

JavaScript Assignment

Please read the instructions carefully:


● The assignment needs to be done in HTML, CSS and JavaScript only, js libraries (like jQuery) are not allowed.
● You should be able to explain every line in your code so we advise not to copy solutions from external sources.
● Use your own skills, if not familiar with something, read/learn and then use it since you have enough time.
● You are supposed to finish the assignment in 3 days from the date of assignment.
● Once you finish the assignment, create a Github repo of your code files. You should also upload your work or
use a service like github.io to map to your repo to test your assignment online.
● Reply to the email with both the links: github repo and demo page link. Do not send the files by email or share it
via Google drive or any other medium. Also do not create separate emails for assignments, respond to the
same email.
● Please spend some time on formatting and adding comments wherever you think necessary to your code.
● We believe the assignment is fairly easy to understand so we request you to avoid any queries till the Interview
phase as we will not be in a position to answer each of them.

// assignment starts //
Create a student score-card generator with HTML, CSS and JavaScript

Student info form (index.html)


Form fields (please read the validation carefully and implement exactly as mentioned)
1. Full Name (Only Alphabets, spaces allowed, to have length restriction)
2. Roll Number (Alphanumeric, only in this format: ABCD1234E)
3. Add Subject and Marks (row of the fields):
a. Subject (Text field, only alphabets)
b. Out of (selection: 50 | 100)
c. Obtained Marks (text field, accepts only numbers from 0 to the ‘out of’ selection in #b above)
d. Remove subject (button to delete the row)
4. ‘Add more subject’ button (onclick adds another #3 row as above)
5. Submit (button)

Scorecard page (score.html)


On submission of index.html, the next page shows the score card of the candidate. Please apply your creativity for the UI
of this MarkList, we would like to see what you create. You can assume some standard info like college name, university,
academic year etc to create this scorecard page along with the data from the previous form and create a table of score
with columns:
● Sr. No.
● Subject
● Maximum marks
● Marks obtained
● Percentage of Marks
● Grade (fail / pass / first class / distinction)
● Also highlight the failed subject in ‘Red’ or something you like in the table

And finally add ‘Remarks’ based on the score of the student like ‘Failed in 02 subjects’ or ‘Passed with Distinction’

// assignment ends //

You might also like