JavaScript implementiert Konstellationsabfragefunktion mit detailliertem Code

JavaScript implementiert Konstellationsabfragefunktion mit detailliertem Code

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

Artikel empfehlen

Detaillierte Erläuterung des grundlegenden Falls des React.js-Frameworks Redux

react.js Rahmen Redux https://github.com/reactjs/...

Detaillierte Erläuterung der MySQL-Benutzerrechteverwaltung

Inhaltsverzeichnis Vorwort: 1. Einführung in die ...

Ein Artikel zum schnellen Verständnis des Lebenszyklus und der Hook-Funktionen von Angular und Ionic

Inhaltsverzeichnis Eckig erreichen Aufrufreihenfo...

Vue+Bootstrap realisiert ein einfaches Studentenverwaltungssystem

Ich habe Vue und Bootstrap verwendet, um ein rela...

CSS implementiert den Texteingabefeldstil von Google Material Design (empfohlen)

Hallo zusammen, heute möchte ich Ihnen zeigen, wi...

IDEA-vollständiger Code zum Herstellen einer Verbindung mit einer MySQL-Datenbank und Durchführen von Abfragevorgängen

1. Schreiben Sie zuerst eine Mysql-Link-Einstellu...

Vergleich mehrerer Beispiele zur Einfügungseffizienz in MySQL

Vorwort Aus beruflichen Gründen musste ich kürzli...

Automatische Sicherung der MySQL-Datenbank per Shell-Skript

Automatische Sicherung der MySQL-Datenbank per Sh...

Tipps zum Importieren von CSV-, Excel- oder SQL-Dateien in MySQL

1. CSV-Datei importieren Verwenden Sie den folgen...

Detaillierte Erläuterung der Implementierungsprinzipien von call, apply und bind in JavaScript

Inhaltsverzeichnis Vorwort Anruf Verwendung errei...

Praktische Fähigkeiten, die beim Aufrufen von UNI-APP-Komponenten im easycom-Modus beherrscht werden müssen

Dieser Artikel soll als Ausgangspunkt für Diskuss...

Detaillierte Erklärung zum Festlegen des Kontextpfads in der Webanwendung

URL: http://hostname.com/contextPath/servletPath/...

ElementUI implementiert Beispielcode für Dropdown-Optionen und Mehrfachauswahlfelder

Inhaltsverzeichnis Dropdown-Feld zur Mehrfachausw...

Vue verbessert die Seitenantwortgeschwindigkeit durch Lazy Loading

Inhaltsverzeichnis Überblick Was ist Lazy Loading...

Ein Artikel erklärt den Klassenlademechanismus von Tomcat

Inhaltsverzeichnis - Vorwort - - JVM-Klassenlader...