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:Mindig a legegyszerűbből indulj ki, ne kever össze vissza az elemekt CSS -el, mert csak magadnak okozol kellemetlenséget.
Illetve ha valamit pozicionálni akarsz, mindig nézd meg hogy milyen elem, milyen pozícióba, és a szerint kezdj neki.
hogy azaz elem display: block/inline/inline-block...
Vagy hogy az adott elemet körbevevő konténer, milyen.
Pl. Ha float -al igazítasz, és nem inline-block, akkor lentre kilóg az elemből, és bele nyúl az alatta lévőkbe.
Vagy pl. ha valami absolult pozícióba van, az miehez képest van absolutba, mi van felette ami relatív pozicíonálású...
A visibility pedig egy extra speciális lehetőség.
Lényegében lefgolalja magának a helyet, azaz ha rejtve is van, megtartja a neki szükséges helyet, majdnem mint ha opacity -vel lenne rejtve, csak annyi hogy ekkor nem kattintható.
válasza:Ahhoz még finomítani kell, mert így nagyon megkötött mit válaszolhat.
Ha nem választék lista ahol kiválasztja a helyes választ,
hanem a felhasználó írja be, bele kell kalkulálni hogy nem feltélen rossz a válasz.
pl. "I like reading very much"
Lehet még "Én nagyon szeretek olvasni" is.
És ez is helyes, és csak 1 szó.
De akár előfordulhat, hogy szinonima szavakat használ.
Azaz pl. "Imádok olvasni" ami igaz ponttalan, de elfogadható lehetne.
válasza:Ahhoz viszont akár szavanként kell elemezni a választ, mint egy fordító program is tenné a szöveggel.
A szavakat, kifejezéseket pedig egyeztetni, hogy megfelel -e neki.
(és az ékezett itt a legkevesebb)
válasza:Régebben én is gondoltam hasonlóra de túl sok macera volt, így végül, maradt a 4 ből válassza ki a helyes megoldást, vagy 1-1 szóval bővítse ki a mondatott.
Komplett fordítás sajnos nem jött össze.
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!