Scribd
Upload
29 views3 pages

SA1 Computer Science Final Paper G8 Set A

Uploaded by

པདྨ་ བཀྲཤིས
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
29 views3 pages

SA1 Computer Science Final Paper G8 Set A

Uploaded by

པདྨ་ བཀྲཤིས
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/ 3

Volume 2

Summative Assessment Set A (2023-24)


Grade: 8 Subject: Computer Science Marks: 40 Duration: 1.5 Hours
Test ID: 4837311 Date: 05-10-2023
General Instructions:
i. You have to work in groups of 4 to complete the given coding task.
ii. Each member of the group has to contribute towards writing the code.
iii. The topic will be given to you 15 days prior to the day of the assessment.
iv. On 1 October , you will submit the code in a pen drive to the teacher. A copy has to be
emailed to the teacher as well for submission.
v. On 5 October, you will have to show the teacher the code and the output.
vi. The group will receive common marks for the project.
vii. Each member of the group will be asked two questions. These questions will be based
on the topics covered while solving the coding task.
viii. Individual marking will be given to each student based on the response given to the
questions.

Section I : The Coding Task Marks


A. Project Title : Interactive To-Do List using JavaScript and DOM
Project Description:
In this project, you will create an interactive to-do list web application
using JavaScript and the Document Object Model (DOM). The project will
cover various aspects of JavaScript, including variables, data types,
30
control statements, and functions, while also introducing you to DOM
manipulation.

Page 1
Task - 1 10
1. HTML Structure : Create the HTML structure for the to-do list. You can
have an input field to add tasks, a button to submit tasks, and an empty
unordered list (<ul>) where the tasks will be displayed.

2. Variables and Data Types : Declare variables in JavaScript to store


references to HTML elements like the input field, submit button, and the
task list. You will also use variables to store task data.

3. Control Statements: Implement control statements to handle user


interactions. For example, use conditional statements to check if the
input field is empty before adding a task. Implement a loop to iterate
through the list of tasks to perform actions like deleting tasks.

Task - 2 15
4. Functions in JavaScript : Create JavaScript functions to perform various
tasks in your to-do list application.
For example:
● A function to add tasks to the list.
● A function to remove tasks from the list.
● A function to mark tasks as completed or incomplete.

5. Introduction to JavaScript DOM : Introduce DOM manipulation


techniques:
● Use the document.querySelector() method to select HTML
elements.
● Use the addEventListener() method to handle events like button
clicks.
● Create, modify, and delete HTML elements in response to user
actions.
​
6. Manipulating Elements in DOM : Implement functionality to:
● Add new tasks to the list when the user submits a task.
● Display tasks with options to mark them as completed and delete
them.

Page 2
● Update the task count dynamically.
● Provide a button to clear all completed tasks.

Task - 3 5

7. Styling: Apply CSS to style your to-do list for a more visually appealing
and user-friendly experience.

8. Testing: Test your to-do list application to ensure that it functions as


expected, adding and removing tasks correctly, and updating the DOM
accordingly.

Section II : Viva 10

Points to Remember:

1. Students must submit the code on 1 October.


2. Students have to give to viva on 5 October.
3. Each student will be asked 2 questions on the project and concepts.

_____________________________________________________

Page 3

You might also like