2017-11-20 20 views
-2

Ich bin in der Lernphase der Code funktioniert gut keine Probleme, aber ich muss die folgenden Funktionen hinzufügen.Javascript-Ausgabe - HTML-Abteilung Rechner

  1. Wenn auf die Schaltfläche Berechnen Mausklick es die Berechnung tut und spuckt die Ergebnisse als richtig, aber meine Frage würde ich die physische Tastatur verwenden möchten „Enter-Taste“/drücken Sie die Taste die calculate auszuführen.
  2. Auch ich brauche das Formular nach 5 Sekunden automatisch zurücksetzen, wie kann ich das tun?

.

<script Language="Javascript">function Calc(myform){var enternumber1=document.myform.number1.value;var enternumber1=parseFloat(enternumber1,10);if(isNaN(enternumber1)||(enternumber1<0)){alert(" Enter a valid number! ");document.myform.number1.value="";document.myform.number1.focus();}else{var enternumber2=document.myform.number2.value;var enternumber2=parseFloat(enternumber2,10);if(isNaN(enternumber2)||(enternumber2<0)){alert(" Enter a valid number! ");document.myform.number2.value="";document.myform.number2.focus();}else 
document.myform.number3.value=enternumber1/enternumber2;}}</script> 
    <form name="myform"> 
     <br /> 
     <b>Enter your first number:</b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input maxlength="" name="number1" size=" " type="text" /><br /> 
     <br /> 
     <b>Enter your second number:</b> <input maxlength="" name="number2" size="" type="text" /><br /> 
     <br /> 
     &nbsp;&nbsp;&nbsp;&nbsp;<input name="button" onclick="Calc(myform)" type="button" value="Calculate" /> &nbsp;&nbsp;<input name="Reset" type="Reset" /><br /> 
     <br /> 
     <b>The result is :</b>&nbsp;&nbsp;<input maxlength="" name="number3" size="" type="text" value="" />&nbsp;</form> 
+1

Kühl. Was ist die Frage? –

+0

Wie hat das eine Aufwertung bekommen ?! Ich kann vielleicht irgendwie nicht abstimmen, aber eine Aufzählung ist entweder eine Sockenpuppe oder jemand, der Spiele spielt. –

+0

1. Wenn ich die Eingabetaste auf meiner Tastatur drücke, möchte ich die Berechnungstaste ausführen. 2. Die Reset-Taste sollte automatisch nach 5 Sekunden automatisch zurückgesetzt werden. –

Antwort

0

Bitte versuchen Sie klar zu sein, was auch immer Sie fragen. Lässt auf Ihre Anfrage bewegen jetzt:

Aus Ihrer Anfrage kann ich verstehen, dass Sie Probleme mit Blick auf zwei Dinge zu tun:

  1. Anrufen Calc (‚myform‘) Funktion, wenn Enter-Taste in der zweiten gedrückt wird Eingabefeld. - Ich beziehe mich nicht auf die Validierung des Formulars (sollte eine Validierungsfunktion haben, die vor dem Aufruf der Funktion Calc() aufgerufen wird). Fügen Sie sowohl dem Formular-Tag als auch dem zweiten Eingabefeld eine ID hinzu. Nehmen wir an, Sie fügen myForm- und num2-ids im Formular bzw. im zweiten Eingabefeld hinzu. hinzugefügt Einmal können Sie folgende Funktion verwenden:

    <script type="text/javascript"> 
        document.getElementById('num2').onkeypress = function (event) { 
         if (event.keyCode == 13) { 
          Calc(myform); 
         } 
        }; 
    </script> 
    

** Hinweis: ** In dieser Funktion prüfen wir jeden Schlüssel, der gedrückt wird, immer wenn unsere Cursor in num2 Feld ist, wenn die Taste gedrückt ist Mit Code 13, der der Schlüsselcode der Eingabetaste ist, rufe ich gerade die gleiche Funktion Calc() auf, die Sie bereits verwenden. So wird es dasselbe tun, was es beim Klicken auf Berechnen tut.

  1. Für Ihre Form in jedem 5 seconds.Please merken Um diese Funktion zurückzusetzen:

    function resetForm() { 
        document.getElementById("myForm").reset() 
    } 
    
    setInterval(resetForm, 5000); 
    

Hinweis: Wir rufen setInterval Funktionieren Sie hier, um Ihr Formular alle 5 Sekunden zurückzusetzen.Bitte vergessen Sie nicht myForm ID in Ihrem Formular hinzuzufügen.