PHBigla nalang hindi gumana yung code diko rin makita kung san yung mali ang sabi nung prompt sa input daw pero parang tama naman
<html>
<body style="text-align : center;">
<p>
Please enter date of birth
<br>
Example : March 13 , December 13
<br>
Format : Month + Space + Day
</p>
<input type="text" id="demo">
<button onClick="display()">What's my Zodiac? </button>
<button onclick="document.getElementById('demo').value = ''">Clear Input</button>
<p id="zodiac">
<script>
function display(){
//identifies the value of the text box and assigns to a variable
varinput= document.getElementById("demo").value;
//passes the input value into a string first then formats to lowercase which prepares split
var day = input.toString().toLowerCase();
//passes input value to be splitted for the switch
var day = day.split(' ');
switch (true) {
case (day[0] == 'march' && day[1] >= 21 ): case (day[0] == 'april' && day[1] <= 19 ): sign = "aries";
break;
case (day[0] == 'april' && day[1] >= 20 ): case (day[0] == 'may' && day[1] <= 20 ): sign = "taurus";
break;
case (day[0] == 'may' && day[1] >= 21 ): case (day[0] == 'june' && day[1] <= 20 ): sign = "gemini";
break;
case (day[0] == 'june' && day[1] >= 21 ): case (day[0] == 'july' && day[1] <= 22 ): sign = "cancer";
break;
case (day[0] == 'july' && day[1] >= 23 ): case (day[0] == 'august' && day[1] <= 22 ): sign = "leo";
break;
case (day[0] == 'august' && day[1] >= 23 ): case (day[0] == 'september' && day[1] <= 22 ): sign = "virgo";
break;
case (day[0] == 'september' && day[1] >= 23 ): case (day[0] == 'october' && day[1] <= 22 ): sign = "libra";
break;
case (day[0] == 'october' && day[1] >= 23 ): case (day[0] == 'november' && day[1] <= 21 ): sign = "scorpio";
break;
case (day[0] == 'november' && day[1] >= 22 ): case (day[0] == 'december' && day[1] <= 21 ): sign = "sagittarius";
break;
case (day[0] == 'december' && day[1] >= 22 ): case (day[0] == 'january' && day[1] <= 19 ): sign = "capricorn";
break;
case (day[0] == 'january' && day[1] >= 20 ): case (day[0] == 'february' && day[1] <= 18 ): sign = "aquarius";
break;
case (day[0] == 'february' && day[1] >= 19 ): case (day[0] == 'march' && day[1] <= 20 ): sign = "pisces";
break;
//added a default option to allow an alert to be initiated if input value is empty;incorrect or lacking information
default:sign = alert('Please check your date of birth! Follow the example Given');
}
//passes sign into an UpperCase Format
var sign = sign.toUpperCase();
//returns the value into the zodiac ID
document.getElementById("zodiac").innerHTML = "Your sign is" + " " + sign;
}
</script>
</body>
</html>
<html>
<body style="text-align : center;">
<p>
Please enter date of birth
<br>
Example : March 13 , December 13
<br>
Format : Month + Space + Day
</p>
<input type="text" id="demo">
<button onClick="display()">What's my Zodiac? </button>
<button onclick="document.getElementById('demo').value = ''">Clear Input</button>
<p id="zodiac">
<script>
function display(){
//identifies the value of the text box and assigns to a variable
varinput= document.getElementById("demo").value;
//passes the input value into a string first then formats to lowercase which prepares split
var day = input.toString().toLowerCase();
//passes input value to be splitted for the switch
var day = day.split(' ');
switch (true) {
case (day[0] == 'march' && day[1] >= 21 ): case (day[0] == 'april' && day[1] <= 19 ): sign = "aries";
break;
case (day[0] == 'april' && day[1] >= 20 ): case (day[0] == 'may' && day[1] <= 20 ): sign = "taurus";
break;
case (day[0] == 'may' && day[1] >= 21 ): case (day[0] == 'june' && day[1] <= 20 ): sign = "gemini";
break;
case (day[0] == 'june' && day[1] >= 21 ): case (day[0] == 'july' && day[1] <= 22 ): sign = "cancer";
break;
case (day[0] == 'july' && day[1] >= 23 ): case (day[0] == 'august' && day[1] <= 22 ): sign = "leo";
break;
case (day[0] == 'august' && day[1] >= 23 ): case (day[0] == 'september' && day[1] <= 22 ): sign = "virgo";
break;
case (day[0] == 'september' && day[1] >= 23 ): case (day[0] == 'october' && day[1] <= 22 ): sign = "libra";
break;
case (day[0] == 'october' && day[1] >= 23 ): case (day[0] == 'november' && day[1] <= 21 ): sign = "scorpio";
break;
case (day[0] == 'november' && day[1] >= 22 ): case (day[0] == 'december' && day[1] <= 21 ): sign = "sagittarius";
break;
case (day[0] == 'december' && day[1] >= 22 ): case (day[0] == 'january' && day[1] <= 19 ): sign = "capricorn";
break;
case (day[0] == 'january' && day[1] >= 20 ): case (day[0] == 'february' && day[1] <= 18 ): sign = "aquarius";
break;
case (day[0] == 'february' && day[1] >= 19 ): case (day[0] == 'march' && day[1] <= 20 ): sign = "pisces";
break;
//added a default option to allow an alert to be initiated if input value is empty;incorrect or lacking information
default:sign = alert('Please check your date of birth! Follow the example Given');
}
//passes sign into an UpperCase Format
var sign = sign.toUpperCase();
//returns the value into the zodiac ID
document.getElementById("zodiac").innerHTML = "Your sign is" + " " + sign;
}
</script>
</body>
</html>