1. 程式人生 > 程式設計 >JavaScript實現星座查詢功能 附詳細程式碼

JavaScript實現星座查詢功能 附詳細程式碼

目錄
  • 一、題目
  • 二、程式碼
  • 三、結果
  • 四、總結

一、題目

在文字框中輸入一個生日值,點擊按鈕,可以顯示此生日的對應星座。定義一個函式,該函式用來接收一個生日值(月日組成的4位字串,比如“0210”,“1225”等),並根據該生日值提示屬於的星座。

二、程式碼

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>星座查詢</title>
</head>
 
<body>
<p align="center">
	請輸入一個生日值(如:0123):
	<input type="text" id="t1">	
	<input type="button" value="顯示星座" onclick="show()"/>
</p>
 
<script>
	function show(){
	var c1=document.getElementById("t1").value;    //獲取文字框中的值
	//alert(c1);
	var month=c1.substring(0,2);
	var day=parseInt(c1.substring(2));
	switch(month){
		case "01":
			if(day>19){alert("水瓶座")}
			else alert("摩羯座");
			break;
		case "02":
			if(day>18){alert("雙魚座")}
			else alert("水瓶座");
			break;
		case "03":
			if(day>20){alhttp://www.cppcns.com
ert("白羊座")} else alert("雙魚座"); break; case "04": KFeVnif(day>19){alert("金牛座")} else alert("白羊座"); break; case "05": if(day>20){alert("雙子座")} else alert("金牛座"); break; case "06": if(day>21){alert("巨蟹座")} else alert("雙子座"); break; case "07": if(day>22){alert("獅子座")} else alert("巨蟹座"); break; case "08": if(day>http://www.cppcns.com
;22){alert("處女座")} else alert("獅子座"); break; case "09": if(day>22){alert("天秤座")} else alert("處女座"); break; case "10": if(day>23){alert("天蠍座http://www.cppcns.com")} else alert("天秤座"); break; case "11": if(day>20){alert("射手座")} else alert("天蠍座"); break; case "12": if(day>21){alert("摩羯座")} else alert("射手座"); break; } } </script> </body> </html>

三、結果

JavaScript實現星座查詢功能 附詳細程式碼

四、總結

1、首先要清楚星座與日期之間的對應的關係:

JavaScript實現星座查詢功能 附詳細程式碼

2、 substring(start,end)將返回一個包含從start到最後(不包括end)的子字串的字串;

parseInt()函式可解析一個字串,並返回一個整數。

到此這篇關於實現星座查詢功能 附詳細程式碼的文章就介紹到這了,更多相關星座查詢內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們!