JavaScript は詳細なコードで星座クエリ機能を実装します

1. タイトル

テキストボックスに誕生日の値を入力し、ボタンをクリックすると、この誕生日に対応する星座が表示されます。誕生日の値（「0210」、「1225」など、月と日で構成される 4 桁の文字列）を受け取り、誕生日の値に基づいて星座を示す関数を定義します。

2. コード

<!doctypehtml>
<html>
<ヘッド>
<メタ文字セット="utf-8">
<title>星座クエリ</title>
</head>
 
<本文>
<p align="center">
	誕生日の値を入力してください (例: 0123):
	<入力タイプ="テキスト" id="t1">	
	<input type="button" value="星座を表示" onclick="show()"/>
</p>
 
<スクリプト>
	関数 show(){
	var c1=document.getElementById("t1").value; //テキスト ボックスの値を取得します //alert(c1);
	var 月 = c1.substring (0,2);
	var day = parseInt(c1.substring(2));
	スイッチ(月){
		ケース「01」:
			if(day>19){alert("水瓶座")}
			そうでない場合はalert("山羊座");
			壊す;
		ケース「02」:
			if(day>18){alert("魚座")}
			そうでない場合はalert("水瓶座");
			壊す;
		ケース「03」:
			if(day>20){alert("牡羊座")}
			そうでない場合はalert("魚座");
			壊す;
		ケース「04」:
			if(day>19){alert("おうし座")}
			そうでない場合はalert("Aries");
			壊す;
		ケース「05」:
			if(day>20){alert("ジェミニ")}
			そうでない場合はalert("Taurus");
			壊す;
		ケース「06」:
			if(day>21){alert("がん")}
			そうでない場合はアラート("Gemini");
			壊す;
		ケース「07」:
			if(day>22){alert("Leo")}
			そうでない場合はalert("Cancer");
			壊す;
		ケース「08」:
			if(day>22){alert("乙女座")}
			そうでない場合はalert("Leo");
			壊す;
		ケース「09」:
			if(day>22){alert("天秤座")}
			そうでない場合はalert("乙女座");
			壊す;
		ケース「10」:
			if(day>23){alert("蠍座")}
			そうでない場合はalert("Libra");
			壊す;
		ケース「11」:
			if(day>20){alert("射手座")}
			そうでない場合はalert("蠍座");
			壊す;
		ケース「12」:
			if(day>21){alert("山羊座")}
			そうでない場合はalert("射手座");
			壊す;
			
	}
}
	
</スクリプト>
</本文>
</html>

3. 結果

IV. 結論

1. まず、星座と日付の対応関係を理解する必要があります。

2. substring(start,end) は、start から end (end を除く) までの部分文字列を含む文字列を返します。

parseInt() 関数は文字列を解析し、整数を返します。

これで、JavaScript で星座クエリ機能を実装し、詳細なコードを添付したこの記事は終了です。より関連性の高い js 星座クエリコンテンツについては、123WORDPRESS.COM の以前の記事を検索するか、次の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

以下もご興味があるかもしれません: