ogladam sobie serie Mirosława Zelenta o javascript i w 2 odcinku bylo do napisania program, ktory sprawdzi czy wpisana liczba jest dodatnia ujemna czy 0 i kodzik tak wyglada:
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="utf-8">
<script type="text/javascript">
function sprawdz()
{
var liczba = document.getElementById("pole").value;
if (liczba>0) document.getElementById("wynik").innerHTML = "dodatnia";
else if (liczba<0) document.getElementById("wynik").innerHTML = "ujemna";
else if (liczba==0) document.getElementById("wynik").innerHTML = "0";
else document.getElementById("wynik").innerHTML = "to nie liczba";
}
</script>
</head>
<body>
<input type="text" id="pole" />
<input type="submit" value="Sprawdz" onclick="sprawdz()" />
<div id="wynik"><div>
</body>
</html>
Ale slyszalem, ze nie powinno sie robic duzo id a lepiej dawac wiecej class (prawda to?) i chcialem to zrobic z uzyciem class i tak wyglada kod:
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="utf-8">
<script type="text/javascript">
function sprawdz()
{
var liczba = document.getElementByClassName("pole");
if (liczba>0) document.getElementByClassName("wynik").innerHTML="dodatnia";
else if (liczba<0) document.getElementsByClassName("wynik").innerHTML="ujemna";
else if (liczba==0) document.getElementsByClassName("wynik").innerHTML="zero";
else document.getElementsByClassName("wynik").innerHTML="to nie jest liczba";
}
</script>
</head>
<body>
<input type="text" class="pole" />
<input type="submit" value="Sprawdz" onclick="sprawdz()" />
<div class="wynik"><div>
</body>
</html>
Ale nie dziala, ktos moze mi powiedziec dlaczego? Mozliwe ze jest to totalnie glupio napisane bo w sumie dopiero co zaczalem js i w ogole pierwszy raz uzywam getElemntById czy ByClassName