🔒 Closed Java Script help

[SUNRAI]

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>

 

[Hwang Ye-ji]

Labo ts, do you mean na if you put a text in the input section may lalabas na alert? or if you click the input may lalabas na prompt?

 

[SUNRAI]

No need na po pala yung prompt onclick button nalang po para dun sa switch case

 

[Hwang Ye-ji]

need mo na lang mag function yun? so bale after mo iclick yung button gusto mo mapunta yung result sa baba? ganon ba or want mo maging alert?

 

[SUNRAI]

yung mapupunta lang po yung result sa baba

 

[SUNRAI]

eto po yung cinode ko ngayon still not working


<html>
<body>

<input type="text" id="demo">



<button onclick="displaySign()" >Click me</button>

<script >

var day = "april 30" ;
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;

}
function displaySign() {
document.getElementById("demo"). innerHTML = "Your sign is"+ " " + sign;
}

</script>




</body>
</html>