JavaScript implements constellation query function with detailed code

1. Title
2. Code
3. Results
IV. Conclusion

1. Title

Enter a birthday value in the text box and click the button to display the corresponding zodiac sign for this birthday. Define a function that receives a birthday value (a 4-digit string consisting of month and day, such as "0210", "1225", etc.) and indicates the zodiac sign based on the birthday value.

2. Code

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Zodiac Query</title>
</head>
 
<body>
<p align="center">
	Please enter a birthday value (eg: 0123):
	<input type="text" id="t1">	
	<input type="button" value="Show constellations" onclick="show()"/>
</p>
 
<script>
	function show(){
	var c1=document.getElementById("t1").value; //Get the value in the text box //alert(c1);
	var month=c1.substring(0,2);
	var day = parseInt(c1.substring(2));
	switch(month){
		case "01":
			if(day>19){alert("Aquarius")}
			else alert("Capricorn");
			break;
		case "02":
			if(day>18){alert("Pisces")}
			else alert("Aquarius");
			break;
		case "03":
			if(day>20){alert("Aries")}
			else alert("Pisces");
			break;
		case "04":
			if(day>19){alert("Taurus")}
			else alert("Aries");
			break;
		case "05":
			if(day>20){alert("Gemini")}
			else alert("Taurus");
			break;
		case "06":
			if(day>21){alert("Cancer")}
			else alert("Gemini");
			break;
		case "07":
			if(day>22){alert("Leo")}
			else alert("Cancer");
			break;
		case "08":
			if(day>22){alert("Virgo")}
			else alert("Leo");
			break;
		case "09":
			if(day>22){alert("Libra")}
			else alert("Virgo");
			break;
		case "10":
			if(day>23){alert("Scorpio")}
			else alert("Libra");
			break;
		case "11":
			if(day>20){alert("Sagittarius")}
			else alert("Scorpio");
			break;
		case "12":
			if(day>21){alert("Capricorn")}
			else alert("Sagittarius");
			break;
			
	}
}
	
</script>
</body>
</html>

3. Results

IV. Conclusion

1. First of all, we need to understand the corresponding relationship between constellations and dates:

2. substring(start,end) will return a string containing the substring from start to the end (excluding end);

The parseInt() function parses a string and returns an integer.

This concludes this article about implementing the constellation query function with JavaScript and attached detailed code. For more relevant js constellation query content, please search for previous articles on 123WORDPRESS.COM or continue to browse the following related articles. I hope everyone will support 123WORDPRESS.COM in the future!

You may also be interested in:

JS simple implementation method to calculate the constellation based on the birthday month and date
js date, constellation cascade display code
js sample code to judge the constellation according to the date
JavaScript calculation of constellation zodiac sign (zodiac sign) sample code
js code to automatically obtain the constellation according to the date of birth

<<: CSS uses the placeholder-shown pseudo-class to achieve the floating text effect of the input box

>>: Detailed explanation of how to configure openGauss database in docker

JavaScript implements constellation query function with detailed code

Table of contents

1. Title

2. Code

3. Results

IV. Conclusion

JavaScript to show and hide images

Nginx tp3.2.3 404 problem solution

A brief discussion on how to learn JS step by step

A brief discussion on mysql backup and restore for a single table

Detailed explanation of soft links and hard links in Linux

Use Typescript configuration steps in Vue

Reasons and solutions for failure of dynamically added routing pages in Vue when refreshing

The latest mysql-5.7.21 installation and configuration method

MySQL 8.0.12 installation graphic tutorial

Simple Mysql backup BAT script sharing under Windows

Recommend

HTML Self-study Journey (I) Basic Elements and Attributes Practice (Write Your Own Code)

MySQL master-slave replication principle and practice detailed explanation

MySQL slow query operation example analysis [enable, test, confirm, etc.]

Summary of commonly used operators and functions in MySQL

jQuery implements font size adjustment case

js to achieve cool fireworks effect

Proxy_pass method in multiple if in nginx location

Detailed explanation of replace into example in mysql

Implementation of MySQL joint index (composite index)

Node connects to MySQL and encapsulates its implementation code for adding, deleting, modifying and checking

Exploration and correction of the weird behavior of parseInt() in js

Use PS to create an xhtml+css website homepage in two minutes

mysql indexof function usage instructions

Docker image compression and optimization operations

MySQL common backup commands and shell backup scripts sharing