Quiz cu javascript

#1
alex05ok

Posted 05 February 2020 - 17:30

Member

Grup: Members
Posts: 376
Înscris: 08.11.2007

Buna ziua!

Ce este gresit in codul meu?
Vreau sa introduc raspunsul si daca este 3 se afiseaza "Corect" iar daca nu "Gresit".

https://jsfiddle.net/dr12zpy5/1/

Multumesc!

<form  id = "quiz" name = "quiz">
<p>1+2=</p>
<input id = "textbox" type = "text" name = "question1">
<button onclick="myFunction()">Verifica</button>
</form>
<p id="demo"></p>

function myFunction() {
var question1 = document.quiz.question1.value;
var messages = ["Corect", "Gresit"];
if (question1 == "3") {
  document.getElementById("demo").innerHTML = messages[0];}
  else {
  document.getElementById("demo").innerHTML =  messages[1];}
}

Back to top

#2
alx42

Posted 05 February 2020 - 17:46

Senior Member

Grup: Senior Members
Posts: 2,802
Înscris: 26.06.2014

pai iti zice acolo eroarea, functia aia nu apare ca si definita in domeniul in care ruleaza onclick (window)
solutia e sa o faci globala, nume = function (fara var), ori window.nume = function..

Back to top

#3
sftpdt

Posted 05 February 2020 - 17:57

Senior Member

Grup: Senior Members
Posts: 3,672
Înscris: 29.08.2013

1. Nu faci forward la datele din formular, n-ai nevoie de tag-ul <form>.
2. Datele din formular le poti lua pe baza id-urilor de la inputuri:

var question1 = document.getElementById("textbox").value;

3. Ce zicea colegul mai sus, alege Load type, bottom of <head> sau <body> la codul javascript.

Back to top

#4
alex05ok

Posted 05 February 2020 - 18:06

Member

Grup: Members
Posts: 376
Înscris: 08.11.2007

Multumesc dar nu reusesc, puteti sa completati in jsfiddle?
http://jsfiddle.net/dr12zpy5/1/

Back to top

#5
whiteboy

Posted 05 February 2020 - 18:14

Member

Grup: Members
Posts: 927
Înscris: 18.12.2007

alex05ok, on 05 februarie 2020 - 17:30, said:

Buna ziua!

Ce este gresit in codul meu?
Vreau sa introduc raspunsul si daca este 3 se afiseaza "Corect" iar daca nu "Gresit".

https://jsfiddle.net/dr12zpy5/1/

Multumesc!

<p>1+2=</p>
<input id = "textbox" type = "text" name = "question1">
<button onclick="myFunction()">Verifica</button>
<p id="demo"></p>

function myFunction() {
 var question1 = document.getElementById("textbox").value;
 var messages = ["Corect", "Gresit"];
 if (question1 == "3") {
  document.getElementById("demo").innerHTML = messages[0];
 }
 else {
  document.getElementById("demo").innerHTML = messages[1];
 }
}

[ https://i.imgur.com/SSJMTvt.png - Pentru incarcare in pagina (embed) Click aici ]

Mai treci o data prin selectori si exerseaza cu ei Posted Image

Edited by whiteboy, 05 February 2020 - 18:15.

Back to top

Anunturi

Chirurgia spinală minim invazivă

Chirurgia spinală minim invazivă oferă pacienților oportunitatea unui tratament eficient, permițându-le o recuperare ultra rapidă și nu în ultimul rând minimizând leziunile induse chirurgical.

Echipa noastră utilizează un spectru larg de tehnici minim invazive, din care enumerăm câteva: endoscopia cu variantele ei (transnazală, transtoracică, transmusculară, etc), microscopul operator, abordurile trans tubulare și nu în ultimul rând infiltrațiile la toate nivelurile coloanei vertebrale.

www.neurohope.ro

Quiz cu javascript

#1 alex05ok Posted 05 February 2020 - 17:30

#2 alx42 Posted 05 February 2020 - 17:46

#3 sftpdt Posted 05 February 2020 - 17:57

#4 alex05ok Posted 05 February 2020 - 18:06

#5 whiteboy Posted 05 February 2020 - 18:14

Anunturi

▶ 0 user(s) are reading this topic

Sign In

#1
alex05ok

Posted 05 February 2020 - 17:30

#2
alx42

Posted 05 February 2020 - 17:46

#3
sftpdt

Posted 05 February 2020 - 17:57

#4
alex05ok

Posted 05 February 2020 - 18:06

#5
whiteboy

Posted 05 February 2020 - 18:14