A simple JavaScript function that returns the zodiac sign according to day and month.
- Click to select it.
function zodiac(day, month){
 // returns the zodiac sign according to day and month ( https://coursesweb.net/ )
 var zodiac =['', 'Capricorn', 'Aquarius', 'Pisces', 'Aries', 'Taurus', 'Gemini', 'Cancer', 'Leo', 'Virgo', 'Libra', 'Scorpio', 'Sagittarius', 'Capricorn'];
 var last_day =['', 19, 18, 20, 20, 21, 21, 22, 22, 21, 22, 21, 20, 19];
 return (day > last_day[month]) ? zodiac[month*1 + 1] : zodiac[month];
}

var z_sign = zodiac(15, 10); // 15 - October

document.write(z_sign); // Libra

Example, displays zodiac sign according to selected day and month:

<h4 id='s_zodiac'>Here it will display the Zodiac sign</h4><form action='#' method='post'>
<p>Select the day and month, then click the button.</p>
 Day: <select id='s_days'><option value='1'>1</option><option value='2'>2</option><option value='3'>3</option><option value='4'>4</option><option value='5'>5</option><option value='6'>6</option><option value='7'>7</option><option value='8'>8</option><option value='9'>9</option><option value='10'>10</option><option value='11'>11</option><option value='12'>12</option><option value='13'>13</option><option value='14'>14</option><option value='15'>15</option><option value='16'>16</option><option value='17'>17</option><option value='18'>18</option><option value='19'>19</option><option value='20'>20</option><option value='21'>21</option><option value='22'>22</option><option value='23'>23</option><option value='24'>24</option><option value='25'>25</option><option value='26'>26</option><option value='27'>27</option><option value='28'>28</option><option value='29'>29</option><option value='30'>30</option><option value='31'>31</option></select> - 
 Month: <select id='s_m'><option value='1'>January</option><option value='2'>February</option><option value='3'>March</option><option value='4'>April</option><option value='5'>May</option><option value='6'>June</option><option value='7'>July</option><option value='8'>August</option><option value='9'>September</option><option value='10'>October</option><option value='11'>November</option><option value='12'>December</option></select>
 <input type='button' id='test_z' value='Zodiac sign' />
</form>

<script>
function zodiac(day, month){
 // returns the zodiac sign according to day and month ( https://coursesweb.net/ )
 var zodiac =['', 'Capricorn', 'Aquarius', 'Pisces', 'Aries', 'Taurus', 'Gemini', 'Cancer', 'Leo', 'Virgo', 'Libra', 'Scorpio', 'Sagittarius', 'Capricorn'];
 var last_day =['', 19, 18, 20, 20, 21, 21, 22, 22, 21, 22, 21, 20, 19];
 return (day > last_day[month]) ? zodiac[month*1 + 1] : zodiac[month];
}
document.getElementById('test_z').onclick = function(){
 document.getElementById('s_zodiac').innerHTML = zodiac(document.getElementById('s_days').value, document.getElementById('s_m').value);
}
</script>

Daily Test with Code Example

HTML
CSS
JavaScript
PHP-MySQL
Which tag defines the clickable areas inside the image map?
<map> <img> <area>
<img src="image.jpg" usemap="#map1">
<map name="map1">
  <area shape="rect" coords="9, 120, 56, 149" href="#">
  <area shape="rect" coords="100, 200, 156, 249" href="#">
</map>
Which CSS property defines what is done if the content in a box is too big for its defined space?
display overflow position
#id {
  overflow: auto;
}
Click on the event which is triggered when the mouse is positioned over an object.
onclick onmouseover onmouseout
document.getElementById("id").onmouseover = function(){
  document.write("Have Good Life");
}
Indicate the PHP variable that contains data added in URL address after the "?" character.
$_SESSION $_GET $_POST
if(isset($_GET["id"])) {
  echo $_GET["id"];
}
Zodiac Signs JavaScript code

Last accessed pages

  1. Create simple Website with PHP (25853)
  2. CSS Course - Free lessons (10068)
  3. Courses Web: PHP-MySQL JavaScript Node.js Ajax HTML CSS (99616)
  4. JavaScript Course - Free lessons (17644)
  5. Add and Remove HTML elements and Content with jQuery (26667)

Popular pages this month

  1. Making DIV Contents Scroll Horizontally, with multiple Div`s inside (1850)
  2. Contact page - CoursesWeb (1798)
  3. Tabs effect with CSS (1797)
  4. Courses Web: PHP-MySQL JavaScript Node.js Ajax HTML CSS (563)
  5. Insert, Select and Update NULL value in MySQL (442)