Verwenden Sie ein Formular, um ein Javascript aufzurufen und dann die berechneten Werte in das Formular

-2

Ich bin in einem Online-Kurs eingeschrieben und ich lese weiter den Abschnitt meines Buches für js Aufnahme und ich kann das nicht herausfinden. Könnte mir bitte jemand erklären, was ich falsch mache. Ich versuche, die Funktion aufzurufen, um das Gewicht aufzunehmen und die Berechnungen in den Formularboxen anzuzeigen. Ich kann im Internet nichts finden oder erklären, wie es funktioniert. Warum kann das nicht nur wie C++ :(Verwenden Sie ein Formular, um ein Javascript aufzurufen und dann die berechneten Werte in das Formular

<!DOCTYPE html> 
<html> 
<script> 
    function Weight() 
    { 
    var mercury = earth*(.378); 
    var venus = earth*(.907); 
    var mars = earth*(.377); 
    var jupiter = earth*(2.364); 
    var saturn = earth*(.916); 
    var uranus = earth*(.889); 
    var neptune = earth*(1.125); 
    var pluto = earth*(.067); 
    var sun = earth*(27.072); 
    var moon = earth*(.166); 

    } 
</script> 

<body> 

<form action="javascript:Weight(earth);"> 
    Enter Your Weight on Earth:<br> 
    <input type="text" name="earth"> 
    <br><br> 
    Mercury:<br> 
    <input type="text" name="mercury"> 
    <br> 
    Venus:<br> 
    <input type="text" name="venus"> 
    <br> 
    Mars:<br> 
    <input type="text" name="mars"> 
    <br> 
    Jupiter:<br> 
    <input type="text" name="jupiter"> 
    <br> 
    Saturn:<br> 
    <input type="text" name="saturn"> 
    <br> 
    Uranus:<br> 
    <input type="text" name="uranus"> 
    <br> 
    Neptune:<br> 
    <input type="text" name="neptune"> 
    <br> 
    Pluto:<br> 
    <input type="text" name="pluto"> 
    <br> 
    Sun:<br> 
    <input type="text" name="sun"> 
    <br> 
    Moon:<br> 
    <input type="text" name="moon"> 
    <br> 
    <input type="submit" value="Calculate"> 
</form> 


</body> 
</html>

Quelle

2016-10-22 Thrifty Coder

Es ist kein Wundermittel, die Werte der Textfelder bekommen ... und es magisch dann auch nicht. Ich verstehe immer noch nicht, warum in diesem Fall ein Formular eingereicht wird. – Li357

* "Ich kann nichts im Internet finden oder erklären, wie es funktioniert" *: Sie müssen dann über ein anderes Internet sprechen. Es ist buchstäblich [voller Beispiele] (https://www.google.com/search?q=javascript+html+read+number+of+input). – trincot

Ok, lass mich noch einmal versuchen mit diesen Ressourcen! Danke für die Artikel! :) –

Hier ist ein funktionierendes Demo:

ein Array Erstellt planetArray ein den Planeten Informationen
Hinzugefügt Attribut id an den Eingang einreichen enthält
angebaute Click-Ereignis submitButton. In der Funktion der Erde Eingangswert erhalten und iterieren planetArray und den Gewichtswert berechnen jeweils auf Planeten

var planetsArray = [{name: "mercury",weight: 0.378}, {name: "venus",weight: 0.907}, {name: "mars",weight: 0.377}, {name: "jupiter",weight: 2.364}, {name: "saturn",weight: 0.916}, {name: "uranus",weight: 0.889}, {name: "neptune",weight: 1.125}, {name: "pluto",weight: 0.067}, {name: "sun",weight:27.072}, {name: "moon",weight: 0.166}], 
 
    submitButton = document.getElementById('submit'); 
 

 
// Attach click event 
 
submitButton.onclick = function (e) { 
 
    e.preventDefault(); 
 
    var earth = document.getElementsByName('earth')[0]; 
 
    planetsArray.forEach(function (p) { 
 
     var elem = document.getElementsByName(p.name)[0], 
 
      weight = p.weight * +earth.value; 
 
     elem.value = weight.toFixed(2); 
 
    }); 
 
};

<form action="javascript:Weight(earth);"> 
 
    Enter Your Weight on Earth:<br> 
 
    <input type="text" name="earth"> 
 
    <br><br> 
 
    Mercury:<br> 
 
    <input type="text" name="mercury"> 
 
    <br> 
 
    Venus:<br> 
 
    <input type="text" name="venus"> 
 
    <br> 
 
    Mars:<br> 
 
    <input type="text" name="mars"> 
 
    <br> 
 
    Jupiter:<br> 
 
    <input type="text" name="jupiter"> 
 
    <br> 
 
    Saturn:<br> 
 
    <input type="text" name="saturn"> 
 
    <br> 
 
    Uranus:<br> 
 
    <input type="text" name="uranus"> 
 
    <br> 
 
    Neptune:<br> 
 
    <input type="text" name="neptune"> 
 
    <br> 
 
    Pluto:<br> 
 
    <input type="text" name="pluto"> 
 
    <br> 
 
    Sun:<br> 
 
    <input type="text" name="sun"> 
 
    <br> 
 
    Moon:<br> 
 
    <input type="text" name="moon"> 
 
    <br> 
 
    <input type="submit" value="Calculate" id="submit"> 
 
</form>

Quelle

2016-10-22 15:26:46

Hallo Javascript funktioniert nicht in dieser Art und Weise, wie Sie think.I können Sie das Ganze hier nicht lehren, gibt es viele Informationen/Artikel in Internet Sie ihnen suchen kann, aber ich kann Ihnen eine Lösung vorschlagen, was wollten Sie .Kontrolle den Code unten tun hoffe, es hilft

var earth=document.getElementById("earth"); 
 
var mercury=document.getElementById("mercury"); 
 
var venus=document.getElementById("venus"); 
 
var mars=document.getElementById("mars"); 
 

 
document.getElementById("button").onclick = function (e) { 
 
e.preventDefault(); 
 
mercury.value=(earth.value) *(.378); 
 
venus.value=(earth.value) *(.907); 
 
mars.value=(earth.value) *(.377); 
 

 
};

<form name ="my"> 
 
    Enter Your Weight on Earth:<br> 
 
    <input type="text" id="earth" name="earth"> 
 
    <br><br> 
 
    Mercury:<br> 
 
    <input type="text" id="mercury" name="mercury"> 
 
    <br> 
 
    Venus:<br> 
 
    <input type="text" id="venus" name="venus"> 
 
    <br> 
 
    Mars:<br> 
 
    <input type="text" id="mars" name="mars"> 
 
    <br> 
 
    <input type="submit" id="button" value="Calculate"> 
 
</form>

Quelle

2016-10-22 15:15:08

Vielen Dank! Ich war auf dem richtigen Weg! Als ich zurückging, um den Code von den Artikeln zu bearbeiten, ging ich und änderte den Namen in ID und legte die Elemente nach ID mit den Formeln ein. Ich denke, mein größter Ärger war herauszufinden, wie man die Funktion aus dem Formular heraus anruft. Ich bin so an C++ gewöhnt, das ist so seltsam, dass sie alle diese Regeln haben, um Code zu verschmelzen. –

Das ist so wierd. Wenn ich diesen Code in meinem Editor starte, funktioniert es nicht, aber wenn ich auf das Snippet klicke, funktioniert es. –

Müssen Sie irgendwelche speziellen Tags verwenden, die für das Skript nicht sichtbar sind –

Verwenden Sie ein Formular, um ein Javascript aufzurufen und dann die berechneten Werte in das Formular

Antwort

Verwandte Themen