JavaScript implementiert Konstellationsabfragefunktion mit detailliertem Code

Inhaltsverzeichnis

1. Titel
2. Code
3. Ergebnisse
IV. Fazit

1. Titel

Geben Sie in das Textfeld einen Geburtstagswert ein und klicken Sie auf die Schaltfläche, um das entsprechende Sternzeichen für diesen Geburtstag anzuzeigen. Definieren Sie eine Funktion, die einen Geburtstagswert (eine 4-stellige Zeichenfolge bestehend aus Monat und Tag, z. B. „0210“, „1225“ usw.) empfängt und das Sternzeichen basierend auf dem Geburtstagswert angibt.

2. Code

<!doctype html>
<html>
<Kopf>
<meta charset="utf-8">
<title>Tierkreisabfrage</title>
</Kopf>
 
<Text>
<p ausrichten="zentrieren">
	Bitte geben Sie einen Geburtstagswert ein (zB: 0123):
	<Eingabetyp="text" id="t1">	
	<input type="button" value="Sternbilder anzeigen" onclick="show()"/>
</p>
 
<Skript>
	Funktion zeigen(){
	var c1=document.getElementById("t1").value; //Wert im Textfeld abrufen //alert(c1);
	var Monat = c1.substring (0,2);
	var Tag = parseInt(c1.substring(2));
	Schalter(Monat){
		Fall "01":
			if(day>19){alert("Wassermann")}
			sonst Alarm("Steinbock");
			brechen;
		Fall "02":
			if(day>18){alert("Fische")}
			sonst Alarm("Wassermann");
			brechen;
		Fall "03":
			if(day>20){alert("Widder")}
			sonst Alarm("Fische");
			brechen;
		Fall "04":
			if(day>19){alert("Stier")}
			sonst Alarm("Widder");
			brechen;
		Fall "05":
			if(day>20){alert("Gemini")}
			sonst Alarm("Stier");
			brechen;
		Fall "06":
			if(day>21){alert("Krebs")}
			sonst Alarm("Zwillinge");
			brechen;
		Fall "07":
			if(day>22){alert("Löwe")}
			sonst Alarm("Krebs");
			brechen;
		Fall "08":
			if(day>22){alert("Jungfrau")}
			sonst Alarm("Leo");
			brechen;
		Fall "09":
			if(day>22){alert("Waage")}
			sonst Alarm("Jungfrau");
			brechen;
		Fall "10":
			if(day>23){alert("Skorpion")}
			sonst Alarm("Waage");
			brechen;
		Fall "11":
			if(day>20){alert("Schütze")}
			sonst Alarm("Skorpion");
			brechen;
		Fall "12":
			if(day>21){alert("Steinbock")}
			sonst alert("Schütze");
			brechen;
			
	}
}
	
</Skript>
</body>
</html>

3. Ergebnisse

IV. Fazit

1. Zunächst müssen wir die entsprechende Beziehung zwischen Sternbildern und Daten verstehen:

2. substring(start,end) gibt eine Zeichenfolge zurück, die die Teilzeichenfolge vom Anfang bis zum Ende enthält (ohne Ende);

Die Funktion parseInt() analysiert einen String und gibt eine Ganzzahl zurück.

Damit ist dieser Artikel über die Implementierung der Konstellationsabfragefunktion mit JavaScript und dem beigefügten detaillierten Code abgeschlossen. Weitere relevante Inhalte zur Konstellationsabfrage in JS finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!

Das könnte Sie auch interessieren:

Einfache JS-Implementierungsmethode zum Berechnen der Konstellation basierend auf dem Geburtstagsmonat und -datum
js Datum, Konstellation Kaskadenanzeigecode
js Beispielcode zur Beurteilung der Konstellation anhand des Datums
JavaScript Berechnung der Sternbild Sternzeichen (Sternzeichen) Beispielcode
js-Code zum automatischen Abrufen der Konstellation entsprechend dem Geburtsdatum

<<: HTML-strukturierte Implementierungsmethode

>>: CSS verwendet die Pseudoklasse „placeholder-showed“, um den schwebenden Texteffekt des Eingabefelds zu erzielen

Einführung in die Verwendung gängiger Dockerfile-Befehle

JavaScript implementiert Konstellationsabfragefunktion mit detailliertem Code

Inhaltsverzeichnis

1. Titel

2. Code

3. Ergebnisse

IV. Fazit

Einführung in die Verwendung gängiger Dockerfile-Befehle

So erhalten Sie ein dauerhaftes kostenloses SSL-Zertifikat von Let’s Encrypt in Docker

Drei Möglichkeiten zum Konfigurieren virtueller Nginx-Hosts (basierend auf Domänennamen)

Grafisches Tutorial zur Installation und Konfiguration von Ubuntu Server 16.04 MySQL 8.0

Fortgeschrittene JavaScript-Programmierung: Variablen und Umfang

Implementierungscode für die Schiebeschalterfunktion der Registerkarte „Links“ und „Rechts“ des WeChat-Applet

Unterschied zwischen varchar- und char-Typen in MySQL

Verwenden von react-beautiful-dnd zum Implementieren von Drag & Drop zwischen Listen

Tomcat-Konfiguration und wie man ihn in Eclipse startet

Verstehen Sie die anfängliche Verwendung von Redux in React in einem Artikel

Artikel empfehlen

Einführung in Keyword-Design-Methoden im Webdesign

Grafisches Tutorial zur Installation und Konfiguration von MySQL 5.7.23

Schritte zur Annotation von Metadeklarationen

CSS setzt Overflow, um die Bildlaufleiste auszublenden und gleichzeitig das Scrollen zu ermöglichen

So installieren Sie WSL2 Ubuntu20.04 unter Windows 10 und richten die Docker-Umgebung ein

Aufbau einer Docker+K8S-Clusterumgebung und verteilte Anwendungsbereitstellung

Eine detaillierte Analyse und Verarbeitung von MySQL-Alarmen

Implementierung der Alibaba Cloud OSS-Zugriffsrechtekonfiguration (RAM-Berechtigungskontrolle)

Detaillierte Erläuterung der Implementierungsmethode für kumulative Berechnungen von MySQL

So installieren Sie Babel mit NPM in VSCode

Detaillierte Analyse der Syntax von Mysql-Updates zum Ändern mehrerer Felder und

Docker-Verbindung – MongoDB-Implementierungsprozess und Codebeispiele

Mehrere Implementierungsmethoden der Tab-Leiste (empfohlen)

So erstellen Sie eine lnmp-Umgebung im Docker

Xhtml-Sonderzeichensammlung