Autor Zpráva
SirDoxik
Profil
Dobrý den, jsem začátečník a chtěl bych se vás zeptat, jak udělám aby se mi změnila proměnná po kliknutí na div. Nastavil jsem na 1. div onclick="changeColor(1)" a na druhý div onclick="changeColor(2)", dále jsem si udělal
<script>var color;
var colorText;
function changeColor(id) {
if (id==1) {
   color = id;
   colorBarva = "BLACK";
}
else {
   color = 2;
   colorBarva = "RED";
}
document.getelementbyid("statur").innerHTML = colorBarva;
}</scritp>
a nejde to. Poradili by jste mi prosím kde mám chybu a jak to popřípadě udělat jinak? Předem děkuji.
bestik_63
Profil
Máš tam pár překlepů a javascript je Case sensitive, takže ti funkce getelementbyid nemohla fungovat (píše se getElementById).

Zkus toto:

<body>
<script language="javascript">
var color;
var colorText;
function changeColor(id) {
    if(id==1){
       color = id;
       colorBarva = "BLACK";
    }
    else {
       color = 2;
       colorBarva = "RED";
    }
    document.getElementById("statur").innerHTML = colorBarva;
}
</script>

<div style="width:100px;height:100px;background:blue" onclick="changeColor(1)"></div>
<div style="width:100px;height:100px;background:yellow" onclick="changeColor(2)"></div>
<div style="width:100px;height:100px" id="statur"></div>
</body>
SirDoxik
Profil
bestik_63:
Děkuju. Jen ještě bych se chtěl zeptat když mám proměnnou v této funkci a chci jí použít v jiné tak jak to mohu docílit. Napadá mě že bych si její obsah uložil do divu a v jiné bych to z něj vytáhl ale to se mi zdá takové moc složité tak se chci zeptat jestli je i jiný způsob.
bestik_63
Profil
SirDoxik:
ahoj promiň za pozdní odpověď:

<body>
<script language="javascript">
var color = 10;
var colorText;
function changeColor(id) {
    if(id==1){
       color = id;
       colorBarva = "BLACK";
    }
    else {
       color = 2;
       colorBarva = "RED";
    }
    document.getElementById("statur").innerHTML = colorBarva;
}
function glogal_prom(){
    alert(window.color);    
}
</script>

<div style="width:100px;height:100px;background:blue" onclick="changeColor(1)"></div>
<div style="width:100px;height:100px;background:yellow" onclick="changeColor(2)"></div>
<div style="width:100px;height:100px;background:red" id="statur" onclick="glogal_prom()"></div>
</body>

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: