Die Berechnung der insgesamt von der Quantität des Produktes

Ich Baue eine website für ein restaurant und möchten, dass Benutzer in der Lage sein zu entscheiden, wie viel Nahrung, die Sie bestellen möchten. Ich bin sehr neu in JavaScript und gehe in die Schule, für die es jetzt aber in der Zwischenzeit ich brauche etwas Hilfe mit dieser Frage.

Habe ich es so weit, dass es berechnet eine Summe basierend auf die Menge und den Preis, das problem, das ich habe, ist, dass der Kunde kann den Preis ändern! Wie kann ich das ändern und nicht ändern mein code zu viel, da es hat mich für immer, um es zu arbeiten.

Hier ist mein HTML:

<tr>
  <td>Bruschetta con Crema di Agliotoa</td>
  <td><input type="text" value="" name="QTY" id="QTY" onKeyUp="multiply()"/></td>
  <td><input type="text" name="PPRICE" id="PPRICE" value="8" /></td>
  <td><input type="text" name="TOTAL" id="TOTAL" /></td>
</tr>

Und mein einfaches script:

function multiply()
{
    a = Number(document.getElementById('QTY').value);
    b = Number(document.getElementById('PPRICE').value);
    c = a * b;

    document.getElementById('TOTAL').value = c;
}
Ich verstehe, das ist nur eine übung, nicht wahr? Sie können ersetzen Sie Ihre Eingabe PPRICE nur mit dem Preis in einfachem html-text, und klicken Sie dann im javascript fest, den Preis Wert.
was willst du Genau ?
Wenn es sein muss einen Eingang, dann könnte man es deaktiviert oder readonly-je nachdem, was Sie tun müssen. Hier ist die der Unterschied zwischen Ihnen.
Ja, dies ist eine übung, die endgültige Zuordnung. Der Kurs Einführung in HTML und wir bekommen bonus-Punkte für Javascript, also ich bin sehr sehr neu im HTML-und haben wie keine Kenntnisse in JS, nur seit hantieren, um es herauszufinden.
Sie können disabled oder readonly html-Attribut und Kontrolle der Daten im server, denn Spambots können, ändern Sie es einfach .

InformationsquelleAutor Jenn Oliver | 2015-04-17

  1. 1

    "...es hat mich für immer, um es zu arbeiten"

    Einige Hinweise:

    Vermutlich werden die Steuerelemente in einem Formular, so dass Sie verwenden können, um leichter reference-Elemente. Beginnen Sie, indem ein Verweis aus dem element aufrufen der listener:

    <input name="QTY" onKeyUp="multiply(this)">

    Dann in Ihrer Funktion, können Sie problemlos Verweise auf andere Kontrollen. Denken Sie daran, lokale Variablen mit var und Multiplikation implizit konvertiert Werte für Zahl:

    function multiply(element) {
    var form = element.form;
    form.TOTAL.value = element.value * form.PPRICE.value;
}

    Folgen, anderen Vorschläge zu machen die insgesamt readonly, und wenden Sie die Validierung auf dem server, um sicherzustellen, dass Sie akzeptabel Daten (client-seitige Validierung ist nur für die Bequemlichkeit, es hat keinen Wert für security oder data cleansing).

    Für die Buchung, Ihre HTML-so einfach kann das sein:

    <form>
  <input name="QTY" onKeyUp="multiply(this)"><br>
  <input name="PPRICE" value="8"><br>
  <input name="TOTAL" readonly>
</form>
    So versuche ich das jetzt und es nicht funktioniert, ist es, weil, obwohl ich alles in einem Formular, es ist eine Tabelle in der form und nicht den Aufruf der table-tag?
    Okay, ich habe es herausgefunden! Ich lege jedem Menü-Element in einem form-tag und Sie vermehrt wunderschön! Vielen Dank für die mit mir diese, ich Schätze es wirklich!
    Okay, so musste ich mein code, so ist dies keine Tabelle mehr...
    Okay, so musste ich meinen code so ist dies nicht eine Tabelle mehr...mir wurde gesagt, dass die Inbetriebnahme jedes Element in einem form-tag ist nicht richtig, gibt es einen Weg, um es Arbeit für alle Menü-items??
    Sie können die Struktur Ihres Menüs in einer Tabelle, dann setzen Sie diese in einem Formular. Ein Formular für die Benutzereingabe ist absolut "richtige", wenn Sie verwenden möchten, können span-oder div-Elemente für die Anzeige der berechneten Werte. Wenn Sie möchten, helfen Sie mit, Fragen Sie eine andere Frage. Es sollten genügend Ressourcen, um zu helfen, Sie mit ihm, obwohl.

    InformationsquelleAutor RobG

  2. 0

    Fügen Sie das folgende Attribut zum PPRICE-Eingang um zu verhindern, dass die meisten Benutzer das ändern der Preis:

    disabled="disabled"

    Ist es wichtig, kein Vertrauen in diese Daten, wenn es wird an einen server gesendet, obwohl es noch bearbeitet werden, nur nicht leicht.

    InformationsquelleAutor meiamsome

  3. 0

    Können Sie festlegen, input type auf hidden zu verstecken Textfeld statt der Einstellung readonly oder disabled-Attribut, wird der Wert von PPRICE werden können abrufen von JavaScript sowie: 

    <tr>
  <td>Bruschetta con Crema di Agliotoa</td>
  <td>
    <input type="text" value="" name="QTY" id="QTY" onKeyUp="multiply()" />
  </td>
  <td>
    <input type="hidden" name="PPRICE" id="PPRICE" value="8"/>
    8
  </td>
  <td>
    <input type="text" name="TOTAL" id="TOTAL" />
  </td>
</tr>

    InformationsquelleAutor Eng Cy

Schreibe einen Kommentar