Calculator erstellen

[hansdampf]

Hallo liebe Community,

ich habe eine frage zu einem problem was ich irgendwie nicht lösen kann.

ich möchte mir folgendes in html erstellen:


so in die richtung sollte es aussehen

heißt ich möchte buttons einfügen und beim betätigen des buttons soll im darunterliegenden
eingabefensterchen die zahl 1 erscheinen, beim erneuten betätigen 2 usw.....
es soll aber maximal möglich sein mit einem button maximal bis zur zahl 5 schreiben zu können, sprich 5x betätigen.
wäre sowas mit html möglich? bitte um anstöße und hilfe weil ich keine ahnung habe wie ich das angehen soll.


danke

 

[Wustersoss]

Hallo,

und willkommen im Forum.
Zu deiner Frage: Nur mit HTML und CSS nein, aber mit ein wenig Javascript ist das kein Problem.

 

[hansdampf]

hallo wuster.

könntest du mir da bitte dementsprechenede links zukommen lassen? mit javascript habe ich bisher nicht gearbeitet.

danke

 

[Wustersoss]

Sieht so aus als müsstest du deine Frage im Javascript-Forum stellen. Ich habe leider von Javascript zu wenig Ahnung als das ich dir das hier erklären könnte.

 

[Cheffchen]

Hallo,

also wie @Wustersoss schon sagt geht das mit javascript oder php.
-> PHP ist sicherer aber Seite läd neu.
-> javascript geht ohne Seite neu laden aber kann von erfahrenen user ausgetrixt werden.

mit js geht das so ungewähr.
jeder button löst ein Funktion aus die das feld darunter ausliest und +1 macht.
im header das und Formular name ist "formularNAME" und feldname 1 ist "feldA"

<script> 
function addfeldA()
{
document.formularNAME.feldA.value = (document.formularNAME.feldA.value+1);
}
</script>

und der button ist so ungefähr

<input type="submit" onClick="addfeldA()" value="Feld A + 1">

Wenn das hast kann man ein klick in ein unsichtbares feld zwischenschreiben und halt bei 5 nichts mehr machen.

Cheffchen