Javascript segítség?
Sziasztok!
Lenne egy olyan problémám, hogy ha van egy változóm, szemléltethető példa okáért legyen 'penz', és ennek értéke 5000 (Ft), és egy gombra kattintva megveszünk 1 kg kenyeret (ára 300 Ft). Hogy lehetne megoldani, hogy ha rákattintunk a gombra, akkor frissítés nélkül a Pénzed = 5000 kiírás átváltozzon Pénzed = 4700 -ra?
/azért nem másolom be az én kódom, mert az össze-vissza van, és értelmetlen változó nevekkel, ezért egy rövid példa:
HTML része:
<button onClick="kenyervasarlas();">1 kg kenyeret megveszem</button> 300 Ft-ért
Javascript része:
penz = 5000;
kenyerar = 300;
function kenyervasarlas(){
alert("Sikeresen megvetted a kenyeret! Az egyenlegedből levontuk az árát.");
penz = penz-kenyerar
document.write("Jelenleg ",penz," Ft-od van!");
}
Szóval ne egy másik oldalra dobjon, ne is kelljen ráfrissíteni az oldalra, hanem csak a pénz változó módosuljon háttérben.
Előre is köszönöm a segítséget!
<span id="account"></span>
<button onClick="kenyervasarlas();">1 kg kenyeret megveszem</button> 300 Ft-ért
<script>
penz = 5000;
kenyerar = 300;
refresh_account();
function kenyervasarlas() {
penz = penz-kenyerar;
if (penz < 0) {
penz = 0;
}
refresh_account();
}
function refresh_account() {
document.getElementById("account").innerHTML = penz.toString()+" Ft";
}
</script>
És a #1-es hozzászóló remek válaszához kiegészítés: a gomb rákattintásának kezelését is kezed a szkriptből.
Szóval e helyett:
<button onClick="kenyervasarlas();">1 kg kenyeret megveszem</button> 300 Ft-ért
inkább ezt:
<button id="kenyervasarlas">1 kg kenyeret megveszem</button> 300 Ft-ért
és a kódba:
document.getElementById('kenyervasarlas').onclick = kenyervasarlas;
így jól elkülönítheted az oldal szerkezetét a viselkedésétől.
#4 Mekkora pizza szerepel a példádban? :)
Egyébként jó lenne egy dolgozz gomb a bankszámlámhoz. :D
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!