Scribd
Upload
4 views

Cs202 Assignment No. 02 solution By VuCopier

All

Uploaded by

khaldarasheed7861234
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
4 views

Cs202 Assignment No. 02 solution By VuCopier

All

Uploaded by

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

For Paid Assignment Solutions

WhatsApp now 03086278790


Solution by VuCopier

Cs202 Assignment No. 02


SEMESTER Fall 2024 VuCopier
VuCopier1.gmail.com For More Updates Visit
By VuCopier Vucopier.blogspot.com
0308-6278790

*** Contact for Paid Services ***


All Departments LMS Handling
All Subjects Assignments
All Subjects Quiz
All Subjects GDB

For More Updates


Join WhatsApp Group
https://chat.whatsapp.com/JwPEnqfqxhLB65qsO7ysoC

<!DOCTYPE html>
<html>
<head>
<title>Task Management App</title>
<style>
body {
font-family: sans-serif;
text-align: center;
}
.container {
max-width: 400px;
margin: 0 auto;
padding: 20px;
border: 1px solid #ccc;
border-radius: 5px;
}
.description {
margin-bottom: 20px;
}
.datetime {
font-size: 18px;
margin-bottom: 20px;
}

Visit
Vucopier.blogspot.com
For Paid Assignment Solutions
WhatsApp now 03086278790
Solution by VuCopier

ul {
list-style: none;
padding: 0;
}
li {
padding: 10px;
margin-bottom: 5px;
border: 1px solid #ccc;
border-radius: 3px;
cursor: pointer;
}
li:hover {
background-color: #f0f0f0;
}
</style>
</head>
<body>

<div class="container">
<h1>Task Management App</h1>

<div class="description">
<p>This app helps you manage your tasks effectively.</p>
</div>

<div class="datetime"></div>

<button id="showHideBtn">Show/Hide Paragraph</button>

<ul id="taskList">
<li>Task 1</li>
<li>Task 2</li>
<li>Task 3</li>
<li>Task 4</li>
<li>Task 5</li>
</ul>

<input type="text" id="newTask" placeholder="Enter a new task">


<button id="addTaskBtn">Add Task</button>

</div>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
// Display current date and time
function updateDateTime() {
var now = new Date();
var dateTimeString = now.toLocaleString();
$('.datetime').text(dateTimeString);
}

Visit
Vucopier.blogspot.com
For Paid Assignment Solutions
WhatsApp now 03086278790
Solution by VuCopier

setInterval(updateDateTime, 1000); // Update every second

// Show/Hide Paragraph
$('#showHideBtn').click(function() {
$('.description').toggle();
});

// Add Task
$('#addTaskBtn').click(function() {
var newTask = $('#newTask').val();
if (newTask !== '') {
$('#taskList').append('<li>' + newTask + '</li>');
$('#newTask').val('');
}
});
</script>

</body>
</html>

Visit
Vucopier.blogspot.com
For Paid Assignment Solutions
WhatsApp now 03086278790
Solution by VuCopier

*** Contact for Paid Services ***


All Departments LMS Handling
All Subjects Assignments
All Subjects Quiz
All Subjects GDB

For More Updates


Join WhatsApp Group
https://chat.whatsapp.com/JwPEnqfqxhLB65qsO7ysoC

Visit
Vucopier.blogspot.com
For Paid Assignment Solutions
WhatsApp now 03086278790
Solution by VuCopier

VuCopier

Visit
Vucopier.blogspot.com

You might also like