JavaScript Hilfe Ausführen einer grundlegenden Funktion auf Schaltfläche klicken

Nur versuchen, eine einfache Funktion auszuführen, wenn die Schaltfläche "Berechnen" gedrückt wird. Wenn Eingaben in einer Form sind, wird die Funktion überhaupt nicht ausgeführt, und schließlich möchte ich die anderen Eingaben ändern können, wenn die Berechnungstaste gedrückt wird. Irgendwelche Hilfe bitte!JavaScript Hilfe Ausführen einer grundlegenden Funktion auf Schaltfläche klicken

function calculate() { 
 
    alert("called"); 
 
}

<head> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
 
</head> 
 
<form name="form"> 
 
    Price: 
 
    <input name="priceCAD" value="0"> 
 
    <br> 
 
    <br>Markup: 
 
    <input name="percentage" value="0"> 
 
    <br> 
 
    <br>Fiat: 
 
    <input name="fiat" value="0"> 
 
    <br> 
 
    <br>BTC: 
 
    <input name="btc" value="0" maxlength="11"> 
 
    <br> 
 
    <br> 
 

 
    <input type="button" onClick="calculate()" name="calculate" value="Caculate"> 
 
    <input type="button" name="clear" value="Clear" onClick="form.fiat.value=0, form.btc.value=0, form.markup.value=0"> 
 
</form>

Quelle

2016-08-02 bgmrk

Knopf HTML brauchen es nur:

<input type="button" onClick="calculate()" name="calculate" value="Caculate" >

Und vergessen Sie nicht Einsatz jquery lib in Ihrem <head>.

Quelle

2016-08-02 01:08:14

Ich verließ document.calculate zufällig dort. Wo füge ich jquery lib ein? In all den Beispielen, die ich online gegangen bin, habe ich das nicht einmal gesehen. – bgmrk

Zwischen '' und ''. Wie folgt: –

Machte die Änderungen und immer noch nichts. Wenn ich die Formular-Tags los werde, ruft die Funktion kein Problem auf. Mit den 2 Form-Tags kommt es jedoch nicht zur Funktion. – bgmrk

function calculate() { 
 
    alert("called"); 
 
} 
 

 
document.getElementsByName("calculate")[0].addEventListener("click", calculate);

<form name="form"> 
 
    Price: 
 
    <input name="priceCAD" value="0"> 
 
    <br> 
 
    <br>Markup: 
 
    <input name="percentage" value="0"> 
 
    <br> 
 
    <br>Fiat: 
 
    <input name="fiat" value="0"> 
 
    <br> 
 
    <br>BTC: 
 
    <input name="btc" value="0" maxlength="11"> 
 
    <br> 
 
    <br> 
 

 
    <input type="button" name="calculate" value="Caculate"> 
 
    <input type="button" name="clear" value="Clear" onClick="form.fiat.value=0, form.btc.value=0, form.markup.value=0"> 
 
</form>

Quelle

2016-08-02 01:15:59 Ayan

JavaScript Hilfe Ausführen einer grundlegenden Funktion auf Schaltfläche klicken

Antwort

Verwandte Themen