Pregnancy Calculator
<h2>Pregnancy Calculator</h2>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Pregnancy Calculator</title>
<style>
textarea,select{direction:rtl;}
</style>
<script>
/*
Script on :
http://www.webdeveloper.com/forum/showthread.php?287245-pregnancy-calculator-script
Based on original script by : \\.\
*/
monthName = { "Jan":"January",
"Feb":"February",
"Mar":"March",
"Apr":"April",
"May":"May",
"Jun":"June",
"Jul":"July",
"Aug":"August",
"Sep":"September",
"Oct":"October",
"Nov":"November",
"Dec":"December"
}
dow = {
"Sun":"Sunday",
"Mon":"Monday",
"Tue":"Tuesday",
"Wed":"Wednesday",
"Thu":"Thursday",
"Fri":"Friday",
"Sat":"Saturday"
}
// get selected date
function selectedDate(){
// create a date string that the date object understands
with( document.dateValue ){
dateStr = [ dayMonth[ dayMonth.selectedIndex ].value,
monthName[ monthName.selectedIndex ].value,
yearSelect[ yearSelect.selectedIndex ].value
].join(" ");
}// end of with
res = new Date(dateStr+ " 00:00:00");
conceive = res.toUTCString().slice(0,16);
// gestation =
gestation = ((365/4)*3)+14; // gets days
res.setDate( gestation );
birth = res.toUTCString().slice(0,16);
// generate a message
str = "The Time is About"+conceive+"Your Pregnancy is"+gestation+"The Birth will be around"+birth;
// replace days of week and month names
str = str.replace( conceive.slice(0,3), dow[ conceive.slice(0,3) ] );
str = str.replace( conceive.slice(8,11), monthName[ conceive.slice(8,11) ] );
str = str.replace( birth.slice(0,3), dow[ birth.slice(0,3)] );
str = str.replace( birth.slice(8,11), monthName[ birth.slice(8,11) ] );
document.dateValue.outputMessage.innerHTML = str;
}
</script>
<form id="dateValue" name="dateValue" method="post" action="javascript:;" onsubmit="selectedDate(); return false;">
<p>
<select name="dayMonth">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
<option>13</option>
<option>14</option>
<option>15</option>
<option>16</option>
<option>17</option>
<option>18</option>
<option>19</option>
<option>20</option>
<option>21</option>
<option>22</option>
<option>23</option>
<option>24</option>
<option>25</option>
<option>26</option>
<option>27</option>
<option>28</option>
<option>29</option>
<option>30</option>
<option>31</option>
</select>
/
<select name="monthName">
<option value="Jan">January</option>
<option value="Feb">February</option>
<option value="Mar">March</option>
<option value="Apr">April</option>
<option value="May">May</option>
<option value="Jun">June</option>
<option value="Jul">July</option>
<option value="Aug">August</option>
<option value="Sep">September</option>
<option value="Oct">October</option>
<option value="Nov">November</option>
<option value="Dec">December</option>
</select>
/
<select name="yearSelect">
<option value="2016">2016</option>
<option value="2017">2017</option>
<option value="2018">2018</option>
</select>
<input name="Submit" value="Submit" type="submit">
</p>
<p>
<textarea name="outputMessage" cols="50" rows="3"></textarea>
</p>
</form>
