Any idea po kung paano ako makakagawa ng onclick button para dito then sa prompt sya lalabas?
<html>
<body>
<input type="text" id="sign">
<button onclick ="displaySign() ">Display Equivalent</button>
<h2 id="day"></h2>
<script>
function displaySign() { let equivalent; let grades = document.getElementById('sign').value;
var day = "April 18";
day = day.toLowerCase()
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] == 'febuary' && day[1] <= 18 ): sign = "aquarius";
break;
case (day[0] == 'febuary' && day[1] >= 19 ): case (day[0] == 'march' && day[1] <= 20 ): sign = "pisces";
break;
}
</script>
</body>
</html>
<html>
<body>
<input type="text" id="sign">
<button onclick ="displaySign() ">Display Equivalent</button>
<h2 id="day"></h2>
<script>
function displaySign() { let equivalent; let grades = document.getElementById('sign').value;
var day = "April 18";
day = day.toLowerCase()
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] == 'febuary' && day[1] <= 18 ): sign = "aquarius";
break;
case (day[0] == 'febuary' && day[1] >= 19 ): case (day[0] == 'march' && day[1] <= 20 ): sign = "pisces";
break;
}
</script>
</body>
</html>