Untitled

<!DOCTYPE html>
<html lang="en">
<head>
<title>Atmospheric Mass Loss Rate Calculator</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
* {
    box-sizing: border-box;
}

body {
	background-image: url("mass2.jpg");
	background-repeat: no-repeat;
	background-size: 100% 200%;
	margin: 60px;
}

/* Style the header */
.header {
    background-color: navy;
    padding: 1px;
    text-align: center;
	color: white;
}

/* Style the top navigation bar */
.topnav {
    overflow: hidden;
    background-color: #333;
}

/* Style the topnav links */
.topnav a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

/* Change color on hover */
.topnav a:hover {
    background-color: #ddd;
    color: black;
}

/* Create three equal columns that floats next to each other */
.Maeve {
    float: left;
	background-color: lightgrey;
    width: 47.5%;
	border: 5px solid yellow;
    padding: 25px;
	margin: 15px;
	opacity: .7;

}
/* Javascript */
.Maeve2 {
	opacity: .8;
	float: left;
	text-align:center;
	background-color: navy;
    width: 97.5%;
	border: 5px solid yellow;
    padding: 0px;
	margin: 15px;
	color: white;
	}

.footer {
	opacity: .5;
	top: 750px;
	position: absolute ;
	width: 91%;
    background-color: black;
    padding: 0.5px;
    text-align: center;
	color: white;

}


/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other This is for mobile phone users*/
@media (max-width:600px) {
    .column {
        width: 100%;
    }
}
</style>
<script>
		//Inputs from user
        var inMstar,inPorb,inVrot,inRstar,inMp,inRp;
		//Units
		var Rsolar=69570000000; //cm
		var Msolar=1.989e33; //g
		var Porbday=86400; //day-->second
		var Rjup = 6.99e9; //cm
		var Mjup = 1.898e30; //g
		//Constants
		var pi = 3.14159;
		var G = 0.0000000667;
		var omegasun =  (2*pi)/(27.4*3600*24);
		var n = 0.15;//heating efficiency of atmosphere
		var outputText;

        function validate() {

            // get the input
            inMstar = document.forms["input_form"]["inMstarterm"].value;
            inPorb = document.forms["input_form"]["inPorbterm"].value;
			inVrot = document.forms["input_form"]["inVrotterm"].value;
			inRstar = document.forms["input_form"]["inRstarterm"].value;
            inMp = document.forms["input_form"]["inMpterm"].value;
			inRp = document.forms["input_form"]["inRpterm"].value;
            // validate a, b and c
            if (inMstar == 0) {
                outputText = "<em>inMstar</em> cannot equal zero!";
            } else if (isNaN(inMstar)) {
                outputText = "<em>inMstar</em> must be a number!";
            } else if (isNaN()) {
                outputText = "<em>inPorb</em> must be a number!";}
			else if (isNaN()) {
                outputText = "<em>inVrot</em> must be a number!";}
			else if (isNaN()) {
                outputText = "<em>inRstar</em> must be a number!";}
			else if (isNaN()) {
                outputText = "<em>inRp</em> must be a number!";}
			else if (isNaN()) {
                outputText = "<em>inMp</em> must be a number!";}
           {
				//Conversions of units
				var Mstar = Number(inMstar*Msolar);//conversion units
				var Porb = Number(inPorb*Porbday);//consversion units
				var vrot = Number(inVrot*100000);//conversion units
				var Rstar = Number(inRstar*Rsolar);//conversion units
				var Rp = Number(inRp*Rjup);
				var Mp = Number(inMp*Mjup);
				//Kepler Function
				var output1 =(G*Mstar*Porb*Porb)/(4*pi*pi);
				var ap =  Math.pow(output1, 0.33);//ap
				//Omega Function
				var output3 = Number(vrot/Rstar/omegasun); //omega
				//Xray Flux Equation
				var xrayFlux = Number((Math.pow(10,4.33))*(Math.pow(output3,2.77)));
				//Luminosity from Xrays
				var Lumxray = Number((xrayFlux)*4*pi*(Math.pow(Rstar,2)));
				//Luminosity of EUV from Sanz Forcada
				var Leuv = Number(Math.pow(10,4.8)*(Math.pow(Lumxray,0.86)));
				// Flux for XUV rays on surface of star
				var Fxuv = Number((Lumxray+Leuv)/(4.*pi*(Math.pow(Rstar,2))));
				//Stellar energy per unit time
				var dEx = Number((Math.pow(Rp,2.))*pi*(Math.pow(ap,-2))*Fxuv*(Math.pow(Rstar,2)));
				//Potential energy per unit mass
				var dEp = Number((G*Mp)/(Rp));
				//Tidal Forces
				var tidal = Number((((Math.pow(3,1.33))/2)*G*(Math.pow(Mstar,0.333))*(Math.pow(Mp,0.666)))/ap);
				//Potential energy with tidal forces
				var dEptot = Number(dEp-tidal);
				//Mass loss Rate
				var dm = n*(dEx/dEp);
				outputText = "Mass Loss Rate of Exoplanet in g/s: <strong>" + Number(dm)+" </strong>";
                //outputText = "For the equation pi squared the answer is <strong>" + Number(output1) +  "</strong>, <br/> x2 is <strong>" + Number(output2) + "</strong><br/> and x3 is  <strong>" + Number(x3) + "</strong>";
            }
            // output the result (or errors)
            document.getElementById("output_text").innerHTML = outputText;
        }
    </script>
</head>
<body>

<div class="header">
  <h1>Planetary Mass Loss Rate Calculator</h1>
  <p>Please Input your values to get a result</p>
</div>

<!--Nav Bar-->
<!---<div class="topnav">
  <a href="Index.html">Calculator</a>-->

</div>

<div class="row">
  <div class="Maeve">
    <h2>Planetary Mass Loss Rate</h2>
    <p>This process occurs when particle </p>
	<img src="formulawords.PNG" alt="Mass Loss Rate Formula" style="width:500px;height:100px;">
  </div>
  <div class="Maeve">
    <h2>How To Use The Mass Loss Rate Calculator</h2>
    <p>There are many .</p>
  </div>
  <div class="Maeve2">
	 <p>Please enter the known parameters and I'll take it from there</p>

    <form name="input_form" action="javascript:validate();">
        Mass of Star[Msolar]: <input type="text" name="inMstarterm" size="5" required>
        Orbital Period[days]: <input type="text" name="inPorbterm" size="5" required>
		Radius of Star[Rsolar]: <input type="text" name="inRstarterm" size="5" required></br></br>
        Rotational Velocity of Host Star[km/s]: <input type="text" name="inVrotterm" size="5" required>
		Mass of Exoplanet[Mjupiters]: <input type="text" name="inMpterm" size="5" required>
        Radius of Exoplanet[Rjupiters]: <input type="text" name="inRpterm" size="5" required>

        <br><br>
        <input type="submit" value="Calculate">
    </form>

    <p id="output_text"/>
   </div>

  <div class="footer">
  <p>
  Copyright of Maeve Upton(2018)
  </p>
  </div>


</body>
</html>