scripts2.js

// counter project 

//  let btn=document.querySelector("#btn")

//  let h1= document.querySelector('h1')


//  let btn1=  document.querySelector('#btn1')

//   let a =0;
//  btn.addEventListener('click',function(){
//    a++;
//   h1.innerText=a;
//  })


//    a=0;
// btn1.addEventListener('click',function(){
//   a--;
//   h1.innerText=a;
// });



//basic project for js light on offfff
 
//  let bulb= document.querySelector("#bulb")
//   let a= document.querySelector("button")

//   let count=0;

//  a.addEventListener('click',function(){
//    if(count==0){
//   bulb.style.backgroundColor="yellow"
//   console.log("light on ");
//   count++;
// }else{
//   bulb.style.backgroundColor="transparent"
//   console.log("light off");
//   count--;
// }
//  } 
// )



// project one add frinends and remove friends

//  var a= document.querySelector("h4");
//  var add= document.querySelector("#add");

//  var count=0;
//  add.addEventListener("click",function(){
//   if(count==0){
//      a.style.color="green";
//      a.innerHTML="Friend";
//      count++;
//   }else{
//     a.style.color="red"
//     a.innerHTML="Stranger"
//     count--;
//   }
//  })

 

// project no 2

//  var card= document.querySelector("#card")
//  var img= document.querySelector("img")

//  card.addEventListener("dblclick",function(){
//   console.log("abhiii bahaiiiiiiiiii ");
//  })


//  var card = document.querySelector("#card");

// card.addEventListener("dblclick", function () {
//     console.log("Double Click Working!");
// });

//project 3 random color

// var a= document.querySelector("#box")
// var btn= document.querySelector("button")

// btn.addEventListener("click",function(){
// var c1 =Math.floor(Math.random()*256)
// var c2 =Math.floor(Math.random()*256)
// var c3 =Math.floor(Math.random()*256)


// a.style.backgroundColor=`rgb(${c1},${c2},${c3})`
// })



//project 4


// var arr=[{
//   team:"Csk",
//   pramary:"gold",
//   secondary:"yellow",
//   capton:  "MSD",
//   wintime:"5"
// },

// {
//   team:"RCB",
//   pramary:"red",
//   secondary:"crimson",
//   capton:  "Virat",
//   wintime:"1"
// },

// {
//   team:"KKR",
//   pramary:"blue",
//   secondary:"navy",
//   capton:  "Rahane",
//   wintime:"3"
// },

// {team:"Pbks",
//   pramary:"red",
//   secondary:"lightgold",
//   capton:  "sheryas",
//   wintime:"0"
  
// },
// {
//   team:"Mi",
//   pramary:"skyblue",
//   secondary:"lightblue",
//   capton:  "Hardik",
//   wintime:"5"
// },

// {
//   team:"Srh",
//   pramary:"skyblue",
//   secondary:"orange",
//   capton:  "pat cummins",
//   wintime:"2"
// },
// {
//   team:"lackhnow",
//   pramary:"aqua",
//   secondary:"tranparent",
//   capton:  "Rishabh",
//   wintime:"0"
// },

// {
//   team:"GT",
//   pramary:"pink",
//   secondary:"white",
//   capton:  "Shubhman",
//   wintime:"1"
// },
// {
//   team:"DC",
//   pramary:"lightblue",
//   secondary:"lightblue",
//   capton:  "Axer",
//   wintime:"0",
// },

// {
//   team:"RR",
//   pramary:"pink",
//   secondary:"lightpink",
//   capton:  "Sanju",
//   wintime:"1",
// },
// ];

// // var  a= Math.floor(Math.random()*arr.length)
// // console.log(arr[a]);

// var main= document.querySelector("main")
// var h1= document. querySelector("h1")
// var btn= document.querySelector("button")
// var h2=document.querySelector("h2")
// var h3=document.querySelector("h3")

// btn.addEventListener("click",function(){
//   var  a= Math.floor(Math.random()*arr.length)

// h1.innerHTML=arr[a].team
// h1.style.backgroundColor = arr[a].pramary
// main.style.backgroundColor = arr[a].secondary
// h2.innerHTML=arr[a].capton
// h3.innerHTML=arr[a].wintime

// })

//projet no 5
//random paper generate

// var btn= document.querySelector("button")
// var main= document.querySelector("main")

// btn.addEventListener("click",()=>{
//   var div = document.createElement("div")
// div.style.height="50px"
// div.style.width="50px"
// var x= Math.random()*100 
// var y= Math.random()*100
// var z= Math.random()*100
// var c1= Math.floor(Math.random()*256)
// var c2= Math.floor(Math.random()*256)
// var c3= Math.floor(Math.random()*256)
// div.style.position="absolute"
// div.style.left=  x+"%"
// div.style.top=  y+"%"
// div.style.rotate=z+"deg"
//  div.style.backgroundColor=`rgb(${c1},${c2},${c3})`
//  main.appendChild(div)
 
// })


var btn =document.querySelector("button")
var main= document.querySelector("main")
var arr =["abhi is a greate","i am a ginious frontend devloer","my salary is 4.5lpa","my interview schedule with harsh bhaiyaa"];

btn. addEventListener("click",function(){
  var h1= document.createElement("h1")
   var a = Math.floor(Math.random()*arr.length)
   var x= Math.random()*100
   var y= Math.random()*100
   var r=Math.random()*180
   var scl=Math.random()*3
   h1.innerHTML=arr[a]
   h1.style.position="absolute"
   h1.style.left=x+"%"
   h1.style.top=y+"%"
   h1.style.rotate=r+"deg"
   h1.style.scale=scl
   main.appendChild(h1)
})