Question ??????
+
+
+
+
+
+
+
+
+
+
+
From 33c27510e0d4fcc10c0894f42772c0daf24a36cc Mon Sep 17 00:00:00 2001
From: Arun Allanki <134040334+ArunAllanki@users.noreply.github.com>
Date: Thu, 20 Jun 2024 16:19:34 +0530
Subject: [PATCH 10/16] Add files via upload
---
Medium2/script.js | 161 ++++++++++++++++++++++++++++++++++++++++++++++
Medium2/style.css | 93 ++++++++++++++++++++++++++
2 files changed, 254 insertions(+)
create mode 100644 Medium2/script.js
create mode 100644 Medium2/style.css
diff --git a/Medium2/script.js b/Medium2/script.js
new file mode 100644
index 0000000..f6358e8
--- /dev/null
+++ b/Medium2/script.js
@@ -0,0 +1,161 @@
+const questions=[
+ {
+ question:"What is the largest animal in the world?",
+ answers:[
+ {text:"Shark",correct:false},
+ {text:"Giraffe",correct:false},
+ {text:"Whale",correct:true},
+ {text:"Tiger",correct:false}
+ ]
+ },
+ {
+ question:"What is national bird of India?",
+ answers:[
+ {text:"Peacock",correct:true},
+ {text:"Parrot",correct:false},
+ {text:"Crow",correct:false},
+ {text:"Sparrow",correct:false}
+ ]
+ },
+ {
+ question:"How many continents are there on the Earth?",
+ answers:[
+ {text:"9",correct:false},
+ {text:"7",correct:true},
+ {text:"6",correct:false},
+ {text:"1",correct:false}
+ ]
+ },
+ {
+ question:"What is the full form of IPL?",
+ answers:[
+ {text:"Indian Potential League",correct:false},
+ {text:"India's Private league",correct:false},
+ {text:"Iranian Primary Legislative",correct:false},
+ {text:"Indian Premiere League",correct:true},
+ ]
+ }
+]
+
+const question=document.getElementById("question")
+const ansButtons=document.getElementById("ansButtons");
+const nextButton=document.getElementById("next")
+
+console.log("HELLLO")
+
+let currentIndex=0;
+let score=0;
+
+function startTimer() {
+ let timeLeft = 1 * 60; // Time in seconds (5 minutes)
+ timer = setInterval(() => {
+ const minutes = Math.floor(timeLeft / 60);
+ const seconds = timeLeft % 60;
+ document.getElementsByClassName('timer').innerHTML = `${minutes}:${seconds < 10 ? '0' : ''}${seconds}`;
+ console.log(seconds)
+ if (timeLeft === 0) {
+ clearInterval(timer);
+ } else {
+ timeLeft--;
+ }
+ }, 1000);
+}
+
+
+function startQuiz(){
+ currentIndex=0;
+ score=0;
+ nextButton.innerHTML= "Next";
+ showQuestion();
+ startTimer();
+}
+
+
+
+function showQuestion(){
+ resetState();
+ // startTimer();
+ let currentQuestion=questions[currentIndex];
+ let questionNO=currentIndex+1;
+ question.innerHTML=questionNO + '. '+questions[currentIndex].question;
+
+ currentQuestion.answers.forEach(answer =>{
+ let button = document.createElement("button");
+ button.innerHTML=answer.text;
+ button.classList.add('button');
+ ansButtons.appendChild(button);
+ if(answer.correct){
+ button.dataset.correct = answer.correct;
+ }
+ button.addEventListener("click",selectAnswer);
+ });
+}
+
+function resetState(){
+ nextButton.style.display="none";
+ while(ansButtons.firstChild){
+ ansButtons.removeChild(ansButtons.firstChild);
+ }
+
+}
+
+function selectAnswer(e){
+ const selectedBtn = e.target;
+ const isCorrect=selectedBtn.dataset.correct === "true";
+ if(isCorrect){
+ selectedBtn.style.backgroundColor='green'
+ console.log("Correct")
+ score++;
+ }
+ else{
+ console.log("incorrect")
+ selectedBtn.style.backgroundColor='red'
+ }
+ Array.from(ansButtons.children).forEach(button => {
+ if(button.dataset.correct === "true"){
+ button.classList.add("correct");
+ }
+ button.disabled = true;
+ });
+ nextButton.style.display = "block";
+}
+
+function handleNextButton(){
+ currentIndex++;
+ if(currentIndex < questions.length){
+ showQuestion();
+ }
+ else{
+ showScore();
+ }
+}
+
+function showScore(){
+ resetState();
+ var feedback=""
+ if(score>2){
+ feedback = " Good Score !"
+ }
+ if(score=2){
+ feedback = " Excellent Score !"
+ }
+ else{
+ feedback=" Better luck next time !"
+ }
+ question.innerHTML = `You have scored ${score} out of ${questions.length}!Test yourself
++
+
+
+ ${feedback}`; + nextButton.innerHTML = "Play Again"; + nextButton.style.display = "block"; + +} + +nextButton.addEventListener("click",() => { + if(currentIndex < questions.length){ + handleNextButton(); + } + else{ + startQuiz(); + } +}) + + +startQuiz(); \ No newline at end of file diff --git a/Medium2/style.css b/Medium2/style.css new file mode 100644 index 0000000..38ecfa8 --- /dev/null +++ b/Medium2/style.css @@ -0,0 +1,93 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family:'Poppins',sans-serif; +} + +body{ + background-image: linear-gradient( to bottom left, rgb(73, 73, 223), rgb(208, 75, 75)); + background-position: center; + background-repeat: no-repeat; + height: 100vh; + display:flex; + align-items: center; + justify-content: center; +} +.App{ + background:rgb(246, 243, 243); + width: 90%; + max-width: 600px; + height: auto; + padding: 30px 10px; + border-radius: 15px; +} + +.timer{ + color:rgb(137, 7, 244); + margin: auto; +} + +.App > h1, .Q{ + padding: 10px; + font-weight: 600; +} + +.main{ + padding: 20px; + display: flex; + flex-direction: column; +} +.main h1{ + padding: 10px; + font-size: 28px; +} + +.main ul{ + display: flex; + flex-direction: column; + +} + +#ansButtons .button{ + text-align:start; + padding: 15px; + font-weight:600; + font-size: 16px; + margin: 7px; + color: white; + border-radius: 10px; + display: flex; + width: 98%; + border:rgb(39, 135, 135) 1px solid; + background-color: rgb(137, 7, 244); + transition: all 0.3s; +} + +#ansButtons .button:hover:not([disabled]){ + background-color: rgb(54, 53, 53); + color: white; + cursor: pointer; +} + +.button:disabled{ + cursor:no-drop; +} + +.main button:hover{ + background-color: rgb(54, 53, 53); + color: white; +} + +.main > button{ + background-color: black; + color: #f4f3f3; + padding: 10px 15px; + border-radius: 10px; + justify-content: center; + align-items: center; + font-weight: 600; + font-size: 18px; + margin-top: 15px; + display: block; +} From a231ca88d196227cf452933e3e2b040c2fd1a14b Mon Sep 17 00:00:00 2001 From: Arun Allanki <134040334+ArunAllanki@users.noreply.github.com> Date: Thu, 20 Jun 2024 16:20:28 +0530 Subject: [PATCH 11/16] Create index.html --- Medium3/index.html | 32 ++++++++++++++++++++++++++++++++ 1 file changed, 32 insertions(+) create mode 100644 Medium3/index.html diff --git a/Medium3/index.html b/Medium3/index.html new file mode 100644 index 0000000..7199dbe --- /dev/null +++ b/Medium3/index.html @@ -0,0 +1,32 @@ + + + + + + +
+
+
+
+
From 4566e1fdc8101e0bf1f2eaf56784a3faabc5b15a Mon Sep 17 00:00:00 2001
From: Arun Allanki <134040334+ArunAllanki@users.noreply.github.com>
Date: Thu, 20 Jun 2024 16:20:47 +0530
Subject: [PATCH 12/16] Add files via upload
---
Medium3/script.js | 98 +++++++++++++++++++++
Medium3/styles.css | 207 +++++++++++++++++++++++++++++++++++++++++++++
2 files changed, 305 insertions(+)
create mode 100644 Medium3/script.js
create mode 100644 Medium3/styles.css
diff --git a/Medium3/script.js b/Medium3/script.js
new file mode 100644
index 0000000..6a5284f
--- /dev/null
+++ b/Medium3/script.js
@@ -0,0 +1,98 @@
+const input = document.querySelector("input");
+const addButton = document.querySelector(".add-button");
+const todosHtml = document.querySelector(".todos");
+const emptyImage = document.querySelector(".empty-image");
+let todosJson = JSON.parse(localStorage.getItem("todos")) || [];
+const deleteAllButton = document.querySelector(".delete-all");
+const filters = document.querySelectorAll(".filter");
+let filter = '';
+
+showTodos();
+
+function getTodoHtml(todo, index) {
+ if (filter && filter != todo.status) {
+ return '';
+ }
+ let checked = todo.status == "completed" ? "checked" : "";
+ return /* html */ `
+ Todo List
+
+
+
+
+
+
+ Complete
+ Incomplete
+ Delete All
+
+ 
+
+
+