"use strict"; const data=[ [ "What is the quantity of matter an object possesses?", [ "Weight", "Volume", "Density", "Mass" ], 3 ], [ "What is electric current measured in?", [ "Volts", "Ampers", "Ohms", "Coulombs" ], 1 ], [ "What is defined as work divided by time?", [ "Latent heat", "Kinetic energy", "Power", "Force" ], 2 ], [ "What French physicist described the electrostatic force?", [ "Bequerel", "Henri Poincare", "Hyppolyte Fizeau", "Coulomb" ], 3 ], [ "The color of visible light spectrum ranges from red to ...?", [ "Violet", "Blue", "Yellow", "Green" ], 0 ], [ "What letter represents Boltzmann constant?", [ "k", "b", "r", "g" ], 0 ], [ "Which device converts sound to electrical energy?", [ "Telegraph", "Oven", "Microphone", "Jackhammer" ], 2 ], [ "Which Italian physicist invented the first electric battery?", [ "Francesco Grimaldi", "Gasparo Berti", "Giovani Borelli", "Alessandro Volta" ], 3 ], [ "Your mass is 80 kg. What is your mass on the Moon, in kg?", [ "43", "13", "80", "No listed choice" ], 2 ], [ "Object of 1kg is at 3 m height. What is its potential energy?", [ "30 J", "15 N", "30 N", "15 J" ], 0 ], [ "What is kinetic energy of a runner (60 kg) moving with constant speed of 3m/s?", [ "540 Joules", "360 Joules", "320 Joules", "270 Joules" ], 3 ] ]; let counter=0; let score=0; let root; class Task { constructor(task) { this.question=task[0]; this.answers=task[1]; this.correct=task[2]; this.selected=-1; this.render(); } render() { let container=document.createElement("div"); container.classList="task"; container.innerHTML+=`

${this.question}

`; let answerBox=document.createElement("div"); answerBox.classList="task_answers"; this.answers.forEach((a,i)=>{ let btn=document.createElement("button"); btn.classList="task_btn"; btn.innerText=a; btn.onclick=()=>{ this.selectAnswer(i); } answerBox.appendChild(btn); }); container.appendChild(answerBox); let submitBtn=document.createElement("button"); submitBtn.classList="task_submit"; submitBtn.innerText="Submit"; submitBtn.onclick=()=>{ this.submitAnswer(); } container.appendChild(submitBtn); render(container,root); } selectAnswer(idx) { let btn=document.getElementsByClassName("task_btn"); for(let i=0;i${isCorrect?"Correct!":"Wrong!"}`; setTimeout(()=>{ root.innerHTML=msg; },800-10); setTimeout(()=>{ (++counter)>=data.length?root.innerHTML=`

You scored ${Math.round(score/data.length*100)} %

`:new Task(data[counter]); },2800-10); document.querySelector(".task").style.animation="test 800ms"; } } const render=(el,p)=>{ p.innerHTML=""; p.appendChild(el); } onload=()=>{ root=document.getElementById("root"); root.innerHTML=`

Physics Quiz

`; document.querySelector(".start").onclick=function() { new Task(data[counter]); } }