✔ Einzelnes Formularfeld berechnen - Ergebnis soll Feld ersetzen

[altox-de]

Hallo zusammen.
Ich hab jetzt viel und intensiv bei Google geuscht
und muss wohl einsehen, das sich mit wenigen PHP-Kenntnissen
und so gut wie gar keinen Javascript-Kenntnissen auf eure Hilfe angewiesen bin.

Ich bräuchte nur ein einfaches input-Feld, in das man eine Anzahl kg Äpfel eintragen kann. Nach Klick auf "Ok" sind dann Textefeld und Button verschwunden und es steht nur da: Ihre Äpfel kosten ... €. Das Script soll einfach die Anzahl * 2,50€ berechnen und das Ergebnis ausgeben.

Stelle ich mich so doof an, oder ist das eigentlich ganz einfach?
Das sollte jedoch ohne Reload der Seite von statten gehen...
Habt ihr verstanden, was ich meine?

Danke schon für die Hilfe!

 

[con-f-use]

Du stellst dich nur insofern dumm als dass du keine Ahnung von Javascript hast und das könntest du leicht auf Sieten wie SELFHTML ändern.

Dieses Script könnte dir aber trotzdem den Weg zeigen:

<div id="container">
    <input type="text" id="menge" />
    <input type="button" onclick="berechne()" />
</div>

<script type="text/javascript">
var kosten = 1.20;            //Kosten pro kilogramm Äpfel
function berechne() {
    document.getElementById('container').innerHTML = 
        'Ihre Äpfel kosten: '+
            (parseInt(document.getElementById('menge').value)*kosten)+
        ' €'
    ;
}
</script>

 

[altox-de]

Danke! Das klappt wunderbar!