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

Detaillierte Erklärung der Lösung für das beim Start hängengebliebene Ubuntu-Dualsystem

Artikel empfehlen

Linux-Schritte zum Konfigurieren der lokalen Yum-Quelle, der inländischen Yum-Quelle und der Epel-Quelle

1. Konfigurieren Sie die lokale Yum-Quelle 1. Mou...

In der MySQL-Datenbank werden datetime, bigint und timestamp zur Darstellung der Zeitauswahl verwendet. Welches davon ist für die Zeitspeicherung am effizientesten?

Inhaltsverzeichnis # Nachbereitung der Daten # SQ...

Implementierungsprinzip und Skriptcode der HTML-Rabattpreisberechnung

Detaillierte Erklärung der Lösung für das beim Start hängengebliebene Ubuntu-Dualsystem

Gängige Stile von CSS-Animationseffekten

Führen Sie die Schritte zum Konfigurieren der IP-Adresse in Ubuntu 18.04 LTS aus

So bedienen Sie das Kontrollkästchen auf einer HTML-Seite

Implementierung der Nginx-Konfiguration und des Zugriffs auf lokale statische Ressourcen in der Mac-Umgebung

Zusammenfassung der Fallstricke bei der Verwendung von Nginx als Reverse-Proxy für GRPC

Beispielcode, der gängige Grafikeffekte in CSS-Stilen zeigt

Das Problem „mmx64.efi nicht gefunden“ tritt bei der Installation des Ubuntu18-Dualsystems auf Win10 auf

Native JavaScript-Karussell-Implementierungsmethode

Einführung in den HTML-Standard für chinesische Zeichenkodierung

Artikel empfehlen

Linux-Schritte zum Konfigurieren der lokalen Yum-Quelle, der inländischen Yum-Quelle und der Epel-Quelle

In der MySQL-Datenbank werden datetime, bigint und timestamp zur Darstellung der Zeitauswahl verwendet. Welches davon ist für die Zeitspeicherung am effizientesten?

Detaillierte Diskussion der InnoDB-Sperren (Record-, Gap-, Next-Key-Sperre)

Vier praktische Tipps für JavaScript-String-Operationen

Lassen Sie uns darüber sprechen, was das URL-Objekt von JavaScript ist

Detaillierte Erklärung des Loop-Formularelementbeispiels in Vue

Detaillierte Erläuterung des Implementierungsprozesses des Docker-Cross-Host-Container-Kommunikations-Overlays

js Canvas realisiert zufällige Partikeleffekte

Detailliertes Beispiel der MySQL curdate()-Funktion

Installationsschritte von MySQL unter Linux

Virtual Box-Tutorialdiagramm zum Duplizieren virtueller Maschinen

JavaScript zum Erzielen digitaler Uhreffekte

Detaillierte Erläuterung der Konzepte und Verwendung von Docker Swarm

jQuery kombiniert mit CSS, um die Funktion „Zurück zum Anfang“ zu erreichen

Das Flex-Layout realisiert den Layoutmodus mit festem oberen und unteren und gleitendem mittleren