What's new

Help Java Script help

SUNRAI

Eternal Poster
Joined
Feb 1, 2018
Posts
517
Reaction
59
Points
406
Age
23
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>
 
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?
 
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?
 
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>
 

Similar threads

Back
Top