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

Codeanalyse von Benutzervariablen in MySQL-Abfrageanweisungen

Artikel

Detaillierte Erläuterung der häufig verwendeten Funktionen copy_from_user open read write in der Linux-Treiberentwicklung

Artikel

Lösungen für MySql-Abstürze und Dienststartfehler

Implementierungsprinzip und Skriptcode der HTML-Rabattpreisberechnung

Codeanalyse von Benutzervariablen in MySQL-Abfrageanweisungen

Detaillierte Erläuterung der häufig verwendeten Funktionen copy_from_user open read write in der Linux-Treiberentwicklung

Lösungen für MySql-Abstürze und Dienststartfehler

Neue Verwendung von watch und watchEffect in Vue 3

Tabelle der durch hasLayout verursachten CSS-Fehler

Die Fallstricke und Lösungen, die durch den Standardwert von sql_mode in MySQL 5.7 verursacht werden

Implementierung von Kennwortfeld-Verifizierungsinformationen basierend auf JavaScript

Detaillierte Erläuterung der MySQL-Datenbank mit zig Millionen Datenabfragen und -speicherungen

Untersuchung der Eingabetastenfunktion vom Typ „Datei“

W3C Tutorial (12): W3C Soap Aktivität

Artikel empfehlen

Der beste Weg, um den 1px-Rand auf Mobilgeräten zu lösen (empfohlen)

Verwenden Sie Tomcat, um das SpringBoot-War-Paket in einer CentOS-Umgebung bereitzustellen

MySQL-Abfrage-Cache und Pufferpool

Beispiel-Tutorial zum Zusammenführen und Teilen von MySQL nach angegebenen Zeichen

MySQL-Fehler 1290 (HY000) Lösung

Lösung für das Problem, dass eine Linux-Änderung der MySQL-Konfiguration nicht wirksam wird

Grafisches Tutorial zur Installation von CentOS 7.3 auf VMWare

Beispielcode zur Implementierung eines 3D-Zauberwürfels mit CSS

Lernen Sie MySQL-Datenbanken in einer Stunde (Zhang Guo)

So verwenden Sie Cron-Jobs, um PHP regelmäßig unter Cpanel auszuführen

Detaillierte Schritte zur Installation der MySQL 5.6 X64-Version unter Linux

Ursachen und Lösungen für MySQL-Deadlocks

Detaillierte Erklärung zum manuellen Bereitstellen einer Remote-MySQL-Datenbank unter Linux

Reines CSS3 zum Erzielen einer schönen Bibliothek im Stil einer Eingabefeldanimation (Texteingabeliebe)

Hinweise zum erweiterten Zeichengerätetreiber des Linux-Kernel-Gerätetreibers