Tweet
"Geldbeutel" mit Javascript - wie?
Hallo meine Lieben,
ich entwickle gerade (seit fünf Monaten und steigend
) eine Website und hatte jetzt vor diese mit Minigames und einem Art "Banksystem" zu erweitern.
Da ich ein absoluter Leihe bin und gerade erst begonnen habe mit HTML, CSS, Javascript, etc. fällt es mir gerade sehr schwer eine Lösung zu finden.
Erklärung:
Der User hat quasi ein "Geldbeutel" welches sich nach dem Klicken auf das Symbol öffnet (Dropdownmenü) und ihm drei Geldwährungen anzeigt. Ich möchte jetzt, das wenn er Geld bekommt, dieses auf zum Geldbeutel hinzugerechnet und gespeichert wird.
Jemand eine Idee für einen Code?
Ich bin mir zwar ziemlich sicher das mein Ansatz komplett daneben ist, ich zeige ihn euch trotzdem (siehe unten).
Im vorraus Danke für eure Hilfe.
Liebe Grüße
Asase
HTML:
ich entwickle gerade (seit fünf Monaten und steigend
) eine Website und hatte jetzt vor diese mit Minigames und einem Art "Banksystem" zu erweitern.Da ich ein absoluter Leihe bin und gerade erst begonnen habe mit HTML, CSS, Javascript, etc. fällt es mir gerade sehr schwer eine Lösung zu finden.
Erklärung:
Der User hat quasi ein "Geldbeutel" welches sich nach dem Klicken auf das Symbol öffnet (Dropdownmenü) und ihm drei Geldwährungen anzeigt. Ich möchte jetzt, das wenn er Geld bekommt, dieses auf zum Geldbeutel hinzugerechnet und gespeichert wird.
Jemand eine Idee für einen Code?
Ich bin mir zwar ziemlich sicher das mein Ansatz komplett daneben ist, ich zeige ihn euch trotzdem (siehe unten).
Im vorraus Danke für eure Hilfe.
Liebe Grüße
Asase
HTML:
<div class="Münzen">
<button onclick="myFunction3()" class="Münzbutton"><img src="Images/Icons/PNG/M%C3%BCnzen%2001-01.png"></button>
<div id="myDropdown3" class="Münzfelder">
<a id="Knut"><img src="Images/Icons/PNG/Knut%2001-01.png" alt="Knut">0</a>
<a id="Sickel"><img src="Images/Icons/PNG/Sickel%2001-02.png" alt="Sickel">0</a>
<a id="Galleone"><img src="Images/Icons/PNG/Galleone%2001-02.png" alt="Galleone"><a id="Galleonex">0</a></a>
</div>
</div>
<button onclick="myFunction7()" class="Presentbutton">
<img src="Images/Pics/GIF/Present%2001.gif" alt="Geschenk"></button>
<div id="Present1">
Du hast deine Hogwart's Einladung mit Einkaufsliste und <a class="Money1">70</a> Galleonen erhalten</div>
JAVASCRIPT:
<script type="text/javascript">
function myFunction7() {
if onclick("Presentbutton") {
var x1 = document.getElementById("Münzen/Münzbutton/Galleonex");
var y1 = document.getElementById("Money1");
var z1 = x1 + y1;
document.getElementById("Galleonex").innerHTML = z1;
} else {
document.getElementById("Galleonex").innerHTML = x1;
}
}
</script>
<button onclick="myFunction3()" class="Münzbutton"><img src="Images/Icons/PNG/M%C3%BCnzen%2001-01.png"></button>
<div id="myDropdown3" class="Münzfelder">
<a id="Knut"><img src="Images/Icons/PNG/Knut%2001-01.png" alt="Knut">0</a>
<a id="Sickel"><img src="Images/Icons/PNG/Sickel%2001-02.png" alt="Sickel">0</a>
<a id="Galleone"><img src="Images/Icons/PNG/Galleone%2001-02.png" alt="Galleone"><a id="Galleonex">0</a></a>
</div>
</div>
<button onclick="myFunction7()" class="Presentbutton">
<img src="Images/Pics/GIF/Present%2001.gif" alt="Geschenk"></button>
<div id="Present1">
Du hast deine Hogwart's Einladung mit Einkaufsliste und <a class="Money1">70</a> Galleonen erhalten</div>
JAVASCRIPT:
<script type="text/javascript">
function myFunction7() {
if onclick("Presentbutton") {
var x1 = document.getElementById("Münzen/Münzbutton/Galleonex");
var y1 = document.getElementById("Money1");
var z1 = x1 + y1;
document.getElementById("Galleonex").innerHTML = z1;
} else {
document.getElementById("Galleonex").innerHTML = x1;
}
}
</script>
Comment