Initial commit

Author: script-shadow

Students/kamala/index.html

@@ -1,10 +1,54 @@
+<!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
-    <meta name="viewport" content="width= , initial-scale=1.0">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Document</title>
+    <style>
+        .btn{
+            padding: 10px 20px ;
+        }
+
+
+    </style>
 </head>
 <body>
+  <a href="https://www.google.com" target="_blank">google</a>
+    <button class = "btn" style="background-color: blue;">click me</button>
+    <script>
+        a
+        const btn = document.querySelector(".btn");
+        console.log(btn.innerText);
+        btn.innerText += "click";
+        console.log(btn.innerText);
+        console.log(btn.innerText.style.backgroundColor);
+        btn.style.color ="green";
+         const youtube=document.querySelector('a');
+        console.log(youtube);
+       youtube.href="https://www.youtube.com/";
+        youtube.textContent="youtube";
+        console.log(youtube);
+    </script>
 
 </body>
-</html>
+</html>
+
+<!-- <!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <a href="https://www.google.com" target="_blank">google</a>
+    <script>
+
+        const change=document.querySelector('a');
+        console.log(change);
+        change.href="https://www.youtube.com/";
+        change.textContent="youtube";
+        console.log(change);
+    </script>
+</body>
+</html> -->

Students/kamala/index1.html

@@ -0,0 +1,84 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Todo List</title>
+<style>
+body{
+font-family:Arial;
+background:#f4f4f4;
+display:flex;
+justify-content:center;
+margin-top:50px;
+}
+
+.container{
+background:white;
+padding:30px;
+width:400px;
+border-radius:10px;
+box-shadow:0 0 10px gray;
+}
+
+input{
+width:70%;
+padding:10px;
+}
+
+button{
+padding:10px;
+}
+
+ul{
+padding:0;
+list-style:none;
+}
+
+li{
+margin-top:10px;
+background:#ddd;
+padding:10px;
+display:flex;
+justify-content:space-between;
+}
+
+.delete{
+background:red;
+color:white;
+border:none;
+}
+</style>
+</head>
+<body>
+
+<div class="container">
+<h2>To Do List</h2>
+
+<input type="text" id="task">
+<button onclick="addTask()">Add</button>
+
+<ul id="list"></ul>
+ <!-- Tasks will appear here =  -->
+</div>
+
+<script>
+function addTask(){
+
+let task=document.getElementById("task").value;
+
+if(task==""){
+alert("Enter task");
+return;
+}
+
+let li=document.createElement("li");
+li.innerHTML=task + 
+'<button class="delete" onclick="this.parentElement.remove()">Delete</button>';
+
+document.getElementById("list").appendChild(li);
+
+document.getElementById("task").value="";
+}
+</script>
+
+</body>
+</html>

Students/kamala/task3.html

@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Color change</title>
+    <style>
+        
+    </style>
+</head>
+<body>
+    <button onclick ="colorchange()"> click me </button>
+    <script> const bgcolor = ["red", "pink","black","white"];
+        const btncolor = ["blue", "red","yello","pink"];
+        let index = 0;
+        function colorchange(){
+            document.body.style.backgroundColor=bgcolor[index];
+            const btn = document.querySelector("button");
+            btn.style.backgroundColor = btnColors[index];
+        }
+    </script>
+</body>
+</html>