Miért nem működik a javascript kód? Ill. , hogy tudnám kijavítani, hogy működjön?
Többféleképpen is próbáltam, de vmiért nem működik getElementID-vel sem meg így sem. Azt szeretném elérni, hogy a jó válasz beírása után megjelenjen a link a gomb alatt középre igazítva. Meg is jelenik, de vmiért nem középen. Kis segítségként:
'Our guests came by train yesterday' = 1
'A fork is used to eat with' = 2
'I like reading very much' = 3
És a kód:
<!DOCTYPE html>
<html>
<head>
<style>
textarea {
width: 200px;
height: 150px;
padding: 12px 20px;
box-sizing: border-box;
border: 2px solid #ccc;
border-radius: 4px;
background-color: #f8f8f8;
font-size: 12px;
resize: none;
float:left;
margin: -320px;
margin-top: 200px;
margin-left: 400px;
}
textarea:focus {
border: 3px solid #CFF2FF;
}
a {text-align: center;}
</style>
</head>
<body>
<form>
<form>
<textarea id="demo">Some text...</textarea>
</form>
<form>
<textarea id="ize" placeholder="Fordítsd le ezt a szöveget!---- Írd be magyarul"></textarea>
</form>
<button type="button" onclick="myFunction()">Click Me!</button>
<div id="valasz"></div>
<a id="vegre" href="11.kérdés.html">TOVÁBB A KÖVETKEZŐ KÉRDÉSRE </a>
<script>
var question = ['Our guests came by train yesterday', 'A fork is used to eat with', 'I like reading very much']
var answer = [Math.floor(Math.random() * 3)];
document.getElementById("demo").innerHTML = question[answer];
document.getElementById('vegre').style.visibility = 'hidden'
function myFunction() {
var valasz = parseInt(document.getElementById("ize").value)-1;
if (valasz == answer) {
document.getElementById("valasz").innerHTML = "FINALLY";
vegre.style.textAlign = "center";
vegre.style.visibility = "visible";
} else {
document.getElementById("valasz").innerHTML = "UPSZ";
}
}
</script>
</body>
</html>
válasza:vegre.style.textAlign = "center";
vegre nevű változód nincs, ugyebár...
válasza: válasza:Ahogy mondtam, így már próbáltam. Csak az ide kiírt kérdésben elírtam és a By-t lehagytam, a kódban viszont így néz ki és ugyanaz a probléma:
var question = ['Our guests came by train yesterday', 'A fork is used to eat with', 'I like reading very much']
var answer = [Math.floor(Math.random() * 3)];
document.getElementById("demo").innerHTML = question[answer];
document.getElementById('vegre').style.visibility = 'hidden'
function myFunction() {
var valasz = parseInt(document.getElementById("ize").value)-1;
if (valasz == answer) {
document.getElementById("valasz").innerHTML = "FINALLY";
document.getElementById('vegre').style.visibility = 'visible';
document.getElementById("vegre").style.textAlign = "center";
} else {
document.getElementById("valasz").innerHTML = "UPSZ";
}
}
válasza:??
Meglehet, de ezzel nem jutottam előbbre :D. Nem vágom, hogyha a visibility = visible normálisan lefut akkor mi a gond a textAlign = centerrel JS-ben CSS nem tom most h jön ide
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!