window.onload = function() { /* Elements of DOM */ var body = document.getElementsByTagName("body")[0]; var wrap = document.getElementById("wrap"); var timer = document.getElementById("timer"); var question = document.getElementById("question"); var answers = document.getElementById("answers"); var textarea = document.getElementsByTagName("textarea")[0]; var button = document.getElementById("start_button"); var result = document.getElementById("result"); var q_number = 1; /* Screen parameters */ var width = document.documentElement.clientWidth; var height = document.documentElement.clientHeight; body.style.width = width-4+"px"; body.style.height = height-4+"px"; wrap.style.width = width-4+"px"; wrap.style.height = height-4+"px"; /* Button functionality */ var flag = true; var disable_btn = false; var num_cor_ans = 0; var check; button.onclick = function() { if (flag) { // If we just start the challenge Next_Question(); } else if (textarea.value != "") { clearTimeout(check); // If we check our answer timer.classList.toggle("timer"); if ((textarea.value.toLowerCase() == Answers[q_number-1]) && (disable_btn == false)) { // If the answer is right num_cor_ans +=1; disable_btn = true; result.innerHTML = `Correct
+${num_cor_ans}`; result.classList.toggle("correct"); setTimeout(function () {question.classList.add("question_out"); textarea.value = "";}, 1500); setTimeout(function () {question.classList.remove("question_out")}, 2500); setTimeout(Next_Question, 2500); } if ((textarea.value.toLowerCase() != Answers[q_number-1]) && (disable_btn == false)) { // If the answer is wrong result.innerHTML = "Wrong"; disable_btn = true; result.classList.toggle ("wrong"); setTimeout(function () {question.classList.add("question_out"); textarea.value = "";}, 1500); setTimeout(function () {question.classList.remove("question_out")}, 2500); setTimeout(Next_Question, 2500); } } } /* Choose a question */ function Next_Question() { disable_btn = false; if (q_number > 5) { result.classList.remove("correct"); result.classList.remove("wrong"); question.classList.remove("question_in"); result.innerHTML = `Your result:
${num_cor_ans} out of 5`; result.style.color = "blue"; button.innerHTML = "TRY AGAIN"; textarea.style.display = "none"; flag = true; q_number = 1; num_cor_ans = 0; } else { button.innerHTML = "CHECK"; flag = false; setTimeout(function() { timer.classList.toggle("timer"); check = setTimeout(Check_if_clicked,40000)},1200); result.innerHTML = ""; question.innerHTML = Questions[q_number]; q_number += 1; question.classList.add("question_in"); textarea.value = ""; textarea.style.display = "block"; result.classList.remove("correct"); result.classList.remove("wrong"); } } /* If run out of time */ function Check_if_clicked () { timer.classList.toggle("timer"); result.innerHTML = "Time is out"; result.classList.toggle ("wrong"); setTimeout(function () {question.classList.add("question_out"); textarea.value = "";}, 1500); setTimeout(function () {question.classList.remove("question_out")}, 2500); setTimeout(Next_Question, 2500); } /* Questions and Answers */ var Questions = { 1: "What is the output of this code:
a = 10
b = a + a ** (a - a)
c = a * 2 - b
if a == c :
for i in range(b):
a += i;
else:
for i in range(a):
if i % 2 == 0:
a += i
prin(a)", 2: "What is the output of this code:

a='1111'
a=a.split('1')
print(a.count('1'))", 3: "What should be written in order to get rid of all duplicates from list a:

a = [1,2,3,4,1,2,3,4,4,3,2,1]
a = list(____(a))", 4: "What is the output of this code:

mylist = [1,2,3]
yourlist = [4,5,6]
ourlist = [x*y for x in mylist for y in yourlist]
print(ourlist)", 5: "What is the output of this code:

def generator(x):
for i in range(x):
yield (yield(i))
g = generator(5)
next(g)
print(next(g))" } var Answers = { 1: "30", 2: "0", 3: "set", 4: "[4,5,6,8,10,12,12,15,18]", 5: "none" } }

✅Python Challenge👨‍🎓👨‍💻👩‍🏫40 sec😜