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

Detaillierte Erläuterung des primitiven Datentyps Symbol in JavaScript

JavaScript implementiert Konstellationsabfragefunktion mit detailliertem Code

Inhaltsverzeichnis

1. Titel

2. Code

3. Ergebnisse

IV. Fazit

Detaillierte Erläuterung des primitiven Datentyps Symbol in JavaScript

Vue implementiert eine Eingabekomponente, die den Tastenkombinationseffekt der Tastenanzeige erhält

So erreichen Sie ein zentriertes Layout im CSS-Layout

So verwenden Sie CSS, um je nach Unterelementen unterschiedliche Stile zu schreiben

Ubuntu 18.04 Ein-Klick-Upgrade aller Python-Pakete von Drittanbietern und Installation von Python-Paketen

Welche Wissenssysteme brauchen Webdesigner?

Vue: Detaillierte Erklärung von Speicherlecks

Lösung für das HTML-Kodierungsproblem in IE6, das zu JS-Fehlern und nicht angewendetem CSS führt

Einführung in das Enctype-Attribut des Form-Tags und seine Anwendungsbeispiele

JavaScript zum Implementieren einer zeitlich begrenzten Flash-Sale-Funktion

Artikel empfehlen

So verwenden Sie Standardwerte für Variablen in SASS

Detaillierte Erklärung des HTML-Tags <input> und wie man es deaktiviert

5 Möglichkeiten, Ihre JavaScript-Codebasis sauberer zu machen

Mehrere gängige Methoden für CSS-Layouts mit gleicher Höhe

js zum Aufrufen der Netzwerkkamera und Behandeln häufiger Fehler

Nginx implementiert ein Codebeispiel für die https-Websitekonfiguration

Tipps zur Verwendung von Frameset zum Zentrieren des Breitbilds

Vue-Direktiven v-html und v-text

Analysieren Sie MySQL-Transaktionen und Probleme bei der Datenkonsistenzverarbeitung

Analysieren Sie CSS, um die Farbfunktion des Bildthemas zu extrahieren (Tipps)

css Alle Elemente ab dem n-ten abrufen

Kurze Analyse der verschiedenen Versionen des mysql.data.dll-Treibers

So kaufen Sie einen Server und richten ihn zunächst ein

Detaillierte grafische Erklärung zum Löschen des Keep-Alive-Cache

Zusammenfassung häufig verwendeter Befehle für Linux-Dateioperationen