C3
// <!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>
// <ul id="ul">
// <li>Java</li>
// <li>Js</li>
// <li>Php</li>
// </ul>
// <script>
// const ul =document.getElementById("ul");
// const li =document.createElement("li");
// li.innerText = "DB";
// ul.appendChild(li);
// localStorage.setItem("li", li);
// </script>
// </body>
// </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>
// <button id="btn">My Button</button>
// <script>
// const btn = document.getElementById("btn");
// btn.addEventListener("click", () => { alert("hello") })
// </script>
// </body>
// </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>
// <button onclick="inc()">Increament</button>
// <p>Click Count <span id="count">0</span></p>
// <button onclick="c()">Reset</button>
// <script>
// let count =0;
// function updatecount() {
// document.getElementById("count").innerText=count;
// }
// function inc(){
// count++;
// updatecount();
// }
// function c(){
// count=0;
// updatecount();
// }
// </script>
// </body>
// </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>
// name <input type="text" id="name"><br>
// email <input type="email" name="" id="email"><br>
// password <input type="password" name="" id="pass"><br>
// query <input type="text" name="" id="query"><br>
// <button type="submit" id="btn">Submit</button>
// <script>
// const btn = document.getElementById("btn");
// btn.addEventListener("click", (event) => {
// event.preventDefault();
// const name = document.getElementById("name").value;
// const email = document.getElementById("email").value;
// const pass= document.getElementById("pass").value;
// const query = document.getElementById("query").value;
// const n = /^[A-Za-z\s]+$/;
// const e = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
// const p=/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)[A-Za-z\d]{8,}$/;
// if (name === "") {
// alert("enter name!!")
// }
// else if (!n.test(name)) {
// alert("enter alphabet character!!")
// }
// else if (!e.test(email)) {
// alert("enter valid email!!!")
// }
// else if (pass.length<8) {
// alert("Minimum 8 characters")
// }
// else if (!p.test(pass)) {
// alert("password should contain 1 uppercase, one lower case and one digit")
// }
// else if (query === "") {
// alert("enter query!!");
// }
// else if (query.length < 10) { alert("enter more query") }
// else {
// localStorage.setItem("name",name);
// localStorage.setItem("email",email)
// }
// })
// </script>
// </body>
// </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>
// name <input type="text" id="name"><br>
// email <input type="email" name="" id="email"><br>
// query <input type="text" name="" id="query"><br>
// <button type="submit" id="btn">Submit</button>
// <script>
// const btn = document.getElementById("btn");
// btn.addEventListener("click", (event) => {
// event.preventDefault();
// const name = document.getElementById("name").value;
// const email = document.getElementById("email").value;
// const query = document.getElementById("query").value;
// const n = /^[A-Za-z\s]+$/;
// const e = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
// if (name === "") {
// alert("enter name!!")
// }
// else if (!n.test(name)) {
// alert("enter alphabet character!!")
// }
// else if (!e.test(email)) {
// alert("enter valid email!!!")
// }
// else if (query === "") {
// alert("enter query!!");
// }
// else if (query.length > 1000) {
// alert("only 1000 characters allowed")
// }
// else {
// localStorage.setItem("name",name);
// localStorage.setItem("email",email)
// }
// })
// </script>
// </body>
// </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>
// <ul id="ul">
// <li>IQO neo 9 pro</li>
// <li>Samsung</li>
// <li>Iphone</li>
// </ul>
// <script>
// const ul =document.getElementById("ul");
// const li =document.createElement("li");
// li.innerText = "Realme 6T";
// ul.appendChild(li);
// localStorage.setItem("Product listitem", li);
// </script>
// </body>
// </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>
// <button id="addtocart">Add to cart</button>
// <script>
// const addtocart = document.getElementById("addtocart");
// let count =0;
// addtocart.addEventListener("click", () =>
// {
// count++;
// alert(count+" items added to the cart!");
// localStorage.setItem("CartItems",count)
// })
// </script>
// </body>
// </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>
// <button onclick="add()">Add to cart</button>
// <p>Click Count <span id="count">0</span></p>
// <button onclick="reset()">Reset Cart</button>
// <script>
// let count =0;
// function updatecount() {
// document.getElementById("count").innerText=count;
// }
// function add(){
// count++;
// updatecount();
// localStorage.setItem("CartItem",count)
// }
// function reset(){
// count=0;
// updatecount();
// localStorage.setItem("CartItem",count)
// }
// </script>
// </body>
// </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>
// Name <input type="text" id="name"><br>
// Price <input type="number" name="" id="price"><br>
// Quantity <input type="number" name="" id="quantity"><br>
// <button type="submit" id="btn">Submit</button>
// <script>
// const btn = document.getElementById("btn");
// btn.addEventListener("click", (event) => {
// event.preventDefault();
// const name = document.getElementById("name").value;
// const price = document.getElementById("price").value;
// const quantity = document.getElementById("quantity").value;
// if (name === "") {
// alert("enter name!!")
// }
// else if (price<0) {
// alert("price cannot be negative!")
// }
// else if (quantity<=0) {
// alert("Quantity should be more than 0!")
// }
// else {
// localStorage.setItem("name",name);
// localStorage.setItem("price",price);
// localStorage.setItem("Quantity",quantity);
// }
// })
// </script>
// </body>
// </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>
// customer name <input type="text" name="" id="name"><br>
// product <input type="text" name="" id="product">
// <br>
// address <input type="text" name="" id="address"><br>
// <input type="submit" value="submit" id="btn">
// <script>
// const btn = document.getElementById("btn");
// btn.addEventListener("click", () => {
// const name = document.getElementById("name").value;
// const product = document.getElementById("product").value;
// const address = document.getElementById("address").value;
// const n = /^[A-Za-z]$/;
// const availproduct = ['laptop', 'samsung', 'IQO'];
// if (name === "" || !n) {
// alert("enter your name in alphabetic characters")
// }
// else if (!availproduct.includes(product)) {
// alert("please enter valid product (laptop,samsung,IQO)are available!")
// }
// else if (address === "") {
// alert("address is required!!")
// }
// else {
// localStorage.setItem("name", name);
// localStorage.setItem("product", product);
// localStorage.setItem("address", address);
// }
// })
// </script>
// </body>
// </html>
// //-------------------------------------------
Comments
Post a Comment