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

So setzen Sie das Root-Passwort in Linux mysql-5.6 zurück

Beispielmethode zum Suchen von Schlüsselwörtern und deren vorangehenden und nachfolgenden Informationen in Linux-Protokollen

Artikel

CentOS-Methode zum Ändern der Standard-SSH-Portnummer – Beispiel

Artikel

JavaScript implementiert Konstellationsabfragefunktion mit detailliertem Code

Inhaltsverzeichnis

1. Titel

2. Code

3. Ergebnisse

IV. Fazit

So setzen Sie das Root-Passwort in Linux mysql-5.6 zurück

Wichtige Punkte zum Schreiben von Inhalten für META-Tags in HTML-Webseiten

Lösen Sie das Problem, dass die mit nginx erhaltene IP-Adresse 127.0.0.1 ist

Idea konfiguriert Tomcat zum Starten eines Webprojekts - Grafik-Tutorial

Lösung für ungültige Nginx-Cross-Domain-Einstellung Access-Control-Allow-Origin

JavaScript zum Erreichen aller oder umgekehrter Auswahlfunktionen

Zusammenfassung der allgemeinen MySQL-SQL-Anweisungen einschließlich komplexer SQL-Abfragen

Praktische Aufzeichnung der Handhabung von MySQL-Problemen beim automatischen Herunterfahren

Beispielmethode zum Suchen von Schlüsselwörtern und deren vorangehenden und nachfolgenden Informationen in Linux-Protokollen

CentOS-Methode zum Ändern der Standard-SSH-Portnummer – Beispiel

Artikel empfehlen

So mounten Sie eine Datenfestplatte auf Tencent Cloud Server Centos

JS implementiert Layoutkonvertierung in Animation

Vue Router vue-router ausführliche Erklärung Anleitung

Eine kurze Analyse des Tutorials zur Installation von MySQL 8.0.18 auf CentOS 6.8 (RPM-Methode)

JavaScript zur Implementierung der Webversion des Gobang-Spiels

Grafisches Tutorial zur Installation und Konfiguration von MySQL 5.7.13 (Win10 64 Bit)

Docker-Tutorial: Container verwenden (einfaches Beispiel)

Lösung für abnormale Verbindungstabellen, die durch inkonsistente MySQL-Zeichensätze verursacht werden

Eine kurze Analyse verschiedener Möglichkeiten zum Konfigurieren statischer IP-Adressen in RHEL8

js einfacher und grober Beispielcode zum Veröffentlichen und Abonnieren

Analyse des Prinzips des Rabbitmq Heartbea-Herzschlagerkennungsmechanismus

Definieren der Mindesthöhe der Inline-Elementspanne

So erstellen, starten und stoppen Sie einen Docker-Container

Verwenden von vue3 + threejs, um das Beispiel für Big Wave-Spezialeffekte der offiziellen iView-Website zu imitieren

Detaillierte Anweisungen zur Installation der MySQL5.7-Datenbank unter Centos7.2