Posts

Add event listener in cards

Image
  <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < link rel = "stylesheet" href = "eventlistener.css" >     < title >Document</ title > </ head > < body > < div class = "burger" >     < div class = "card" data-price = "99" data-heading = "burger" >         < img class = "img" src = "https://source.unsplash.com/1600x1000/?burger" alt = "" >             < h3 class = "heading" >This is a burger</ h3 >             < p class = "para" >Lorem ipsum dolor sit amet consectetur adipisicing elit. Aperiam, tempore.</ p >             < p class = "price" >Rs 99</ p >         ...

Add event listeners

Image
  <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < link rel = "stylesheet" href = "eventlistener.css" >     < title >Document</ title > </ head > < body >     < h1 >This is heading</ h1 >     < button class = "button" id = "button" >click me 1</ button >     < button class = "button" id = "button" >click me 2</ button >     < button class = "button" id = "button" >click me 3</ button >     < button class = "button" id = "button" >click me 4</ button >     < button class = "button" id = "button" >click me 5</ button >         < script src = "eventlisteners.js...

Event Listeners

Image
  <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < link rel = "stylesheet" href = "listners.css" >     < title >Document</ title > </ head > < body >     < div class = "container" >         < h2 >Enter Your Name</ h2 >         < input id = "name" type = "text" placeholder = "Enter Name" onkeyup = " register ()" >         <!-- <button class="btn" onclick="register()">Enter Button</button> -->         < div id = "data" ></ div >     </ div >         < script src = "listners.js" ></ script > </ body > </ html > // java script file function register (){ ...

Assingnment based on registration system using map and random function

Image
  <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < link rel = "stylesheet" href = "allotment.css" >     < title >Document</ title > </ head > < body >         < div class = "container" id = "container" >         < h2 >Lorem, ipsum dolor sii, possimus.</ h2 >         < p >Lorem ipsum doloAssuoluta ut eum quia earum sunt nisi perferendis voluptatibus!</ p >         < input id = "ip1" type = "text" placeholder = "Enter name" >         < input type = "text" placeholder = "Enter number" >         < button class = "btn" onclick = " allotment ()" >Register Now</ button >     <...

Building Registration system using map and filters

Image
  <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < link rel = "stylesheet" href = "reg.css" >     < title >Document</ title > </ head > < body >     < div class = "usercontainer" id = "usercontainer" ></ div >     < div class = "container" >         < h2 class = "heading" >Lorem ipsum dolor sit ametc kmn.</ h2 >         < p class = "desc" >Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nesciunt, quod!</ p >         < div class = "flex" >             < input id = "name" type = "text" placeholder = "Enter Name" >             < input id = "email" typ...

Array Mapping and Filters Assignment

Image
  <! 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 >         < script src = "am.js" ></ script > </ body > </ html > // JAVA SCRIPT FILE const users = [     {         name : "Akash Sharma" ,         age : 17 ,         gender : "Male" ,         location : "Delhi, India"     },     {         name : "Neha Patel" ,         age : 16 ,         gender : "Female" ,         location : "Mumbai, India"     },     {         name : "Rajesh Singh" ,     ...

Rolling Dice

Image
  <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < link rel = "stylesheet" href = "style.css" >     < title >Document</ title > </ head > < body >     < div class = "container" >         < audio id = "diceaudio" src = "dice.mp3" ></ audio >         < h1 class = "heading" >Roll The Dice To Get Random Number</ h1 >         < p class = "desc" >Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatem, eligendi.</ p >         < div id = "dice" >6</ div >         < div class = "button" onclick = " roll ()" >Roll The Dice</ div >     </ div >     ...