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 Erläuterung der Vue-Übergangseffekte und Anwendungsbeispiele für Animationsübergänge

Implementierungsprinzip und Skriptcode der HTML-Rabattpreisberechnung

Detaillierte Erläuterung der Vue-Übergangseffekte und Anwendungsbeispiele für Animationsübergänge

js zum Schreiben des Karusselleffekts

Eine kurze Diskussion über den CSS-Kaskadierungsmechanismus

Detaillierte Erklärung der wechselseitigen Verwendung von Ref in React

Natives JS zur Implementierung eines Bildkarussells. JS zur Implementierung eines kleinen Werbe-Plugins.

So lassen Sie eine Remoteverbindung in MySql zu

Mehrere Möglichkeiten zum Senden von HTML-Formularen_PowerNode Java Academy

Zusammenfassung mehrerer Fehlerprotokolle zum Einrichten und Wechseln von MySQL MHA

HTML Tutorial: Sammlung häufig verwendeter HTML-Tags (4)

So schreiben Sie mit nodejs ein Tool zur Generierung von Entitätsklassen für Datentabellen für C#

Artikel empfehlen

Die Tücken der automatischen Inkrementierung numerischer MySQL-Typen

MySQL-Anmelde- und Beendigungsbefehlsformat

Installieren Sie Memcached und die PHP Memcached-Erweiterung unter CentOS

So veröffentlichen Sie ein lokal erstelltes Docker-Image auf Dockerhub

So verwenden Sie JS zum Parsen des Excel-Inhalts in der Zwischenablage

Navicat für MySQL 11 Registrierungscode\Aktivierungscode-Zusammenfassung

Vue implementiert unregelmäßige Screenshots

Vue kapselt ein TodoList-Beispiel und implementiert die Anwendung des lokalen Browser-Cache

Codebeispiel für die Verwendung der MySql COALESCE-Funktion

Lösung für das Problem des wiederholten Auftauchens des Nachrichten-Popup-Fensters von Element

HTML-Optimierungstechniken, die Sie kennen müssen

VUE implementiert einen Beispielcode für das Spiel Flappy Bird

Beispielcode für die Verwendung von @media in CSS3 zur Anpassung einer Webseite

Zusammenfassung der Ereignisbehandlung im Vue.js-Frontend-Framework

Lösung für das Problem „Linux QT Kit fehlt“ und „Version leer“