Implementierungsprinzip und Skriptcode der HTML-Rabattpreisberechnung

Code kopieren

Der Code lautet wie folgt:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<meta http-equiv="Inhaltstyp" Inhalt="text/html; Zeichensatz=UTF-8">
<Kopf>
<title>Preisberechnung nach Rabatt</title>

<Skripttyp="text/javascript">
Funktion Rechner(){
var Preise = document.getElementById("Preis");
var Rabatte = document.getElementById("Zahl");
var-Zahlung;
var select = document.getElementById("Bezahlungsfunktion");
wenn((Preise.Wert>=0&&!istNaN(Preise.Wert))&&(Rabatte.Wert>=0&&!istNaN(Rabatte.Wert))&&Preise.Wert!=""&&Rabatte.Wert!="")
{
bezahlen=Preise.Wert*Rabatte.Wert;
Schalter(parseInt(select.value)){
Fall 1: Bezahlung = Bezahlung * 0,5; Pause;
Fall 2: Bezahlung = Bezahlung * 0,8; Pause;
Fall 3: Bezahlung = Bezahlung * 0,6; Pause;
}
document.getElementById("Ergebnis").value=bezahlen;
alert("Herzlichen Glückwunsch, die Transaktion war erfolgreich!");
}anders
{
preise.fokus();
preise.select();
alert("Bitte geben Sie den korrekten Preis und die korrekte Menge ein (darf nicht leer sein)!");
}
}
</Skript>
</Kopf>

<Text>
<Mitte>
<form name="Rabatt" action="Ergebnis.jsp" method="Post">
Gebotspreis: <input type="text" id="price" style="width: 150px"/>

Kaufmenge: <input type="text" id="number" style="width: 150px"/>

Zahlungsmethode: <select id="payfunction" style="width: 150px">
<option value="1">Zahlung per Online-Banking – 50 % Rabatt</option>
<option value="2">Alipay-Zahlung – 20 % Rabatt</option>
<option value="3" selected="true">Q-Coin-Zahlung – 40 % Rabatt</option>
</Auswählen>

Geschätzter Gesamtpreis: <input type="text" id="result" style="width: 150px">

<input type="button" id="allresult" value="Gesamtpreis berechnen" onclick="calculator()" />
</form>
</center>
</body>
</html>

<<: Detaillierte Erklärung des JavaScript-Timer-Prinzips

>>: So richten Sie eine VSCode-Remoteverbindung zum Server-Docker-Container ein

Detailliertes Installationstutorial von Docker unter CentOS

Artikel

Detaillierte Erläuterung der Lösung für verstümmelte Zeichen, wenn JDBC eine Verbindung zu MySQL herstellt, um Chinesisch zu verarbeiten

Artikel

So stellen Sie ein Linux-System automatisch mit PXE bereit

Implementierungsprinzip und Skriptcode der HTML-Rabattpreisberechnung

Detailliertes Installationstutorial von Docker unter CentOS

Detaillierte Erläuterung der Lösung für verstümmelte Zeichen, wenn JDBC eine Verbindung zu MySQL herstellt, um Chinesisch zu verarbeiten

So stellen Sie ein Linux-System automatisch mit PXE bereit

Einführung in die Installationsmethode in Vue

Detaillierte Erläuterung des Konfigurationsprozesses des Docker-Container-Netzwerkports

Detaillierte Erklärung der Verwendung von Nginx proxy_redirect

ElementUI implementiert kaskadierenden Selektor

So implementieren Sie Funktions-Currying und -Decurrying in Javascript

So handhaben Sie Bilder in Vue-Formularen

MySQL führt mehrere Datenzeilen basierend auf der Funktion group_concat() zusammen

Artikel empfehlen

Einführung in die CSS-Stilklassifizierung (Grundkenntnisse)

Lösen Sie das Problem „Rand: oberer Kollaps“ in CCS

Starten Sie den Docker-Dienst neu, um den automatischen Start- und Stoppbefehl anzuwenden (empfohlen)

Detaillierte Erklärung zu Drag-Time und Drag-Case in JavaScript

So fügen Sie ein Lua-Modul zu Nginx hinzu

Tutorial zum Bereitstellen von LNMP und Aktivieren des HTTPS-Dienstes

Eine gründliche Analyse der HTML-Sonderzeichen

Ein verbessertes Screenshot- und Freigabetool für Linux: ScreenCloud

So richten Sie geplante Sicherungsaufgaben in Linux CentOS ein

Interviewfragen: Der Unterschied zwischen dem Holy Grail-Layout und dem Double-Wing-Layout

Detaillierte Erläuterung der Kommunikation zwischen nicht übergeordneten und untergeordneten Komponenten in Vue3

HTML + CSS + JS-Beispielcode zur Nachahmung des Helligkeitsanpassungseffekts von Win10

Ansible - Bereitstellungsmethode für automatisierten Betrieb und Wartung für Linux-Systeme

So entfernen Sie „Enter“, „Senden“ und „Enter != Senden“ aus dem Formular

Warum TypeScripts Enum problematisch ist