JSFiddle - React, Tailwind, and code Playground

by Professor Tom DeDonno

HTML

<p id="sqrt">tom</p>
<p id="volume">xxxxx</p>

JavaScript

/* 
@author Professor Tom DeDonno  page 41 TextBook
keyword function, functions return one value 
*/
function showStatus( name, status ) {
  window.alert( "The " + name + " Contract is " + status )
}
//note call to function is just 
showStatus( "Reynolds", "Pending");

function calculateSquareRoot( number ) {
	
	//we never do this use the Math class 
	return Math.sqrt( number );
}

function calculateVolume( length, width, height ) {
	
	//var volume = length * width * height 
	//used once so I'm not declaring it
	return length * width * height;
}

/** call the functions */
document.getElementById( "sqrt" ).innerHTML =
"Take sqrt of 4.0  is <strong>" + 
  calculateSquareRoot( 4.0 ) + "</strong>";
document.getElementById( "volume" ).innerHTML = 
"volume of 2*2*3 is 12? " + calculateVolume( 2, 2, 3 );
/* 
Can also use document.write,
  but its best to avoid document.write, */
    document.write( 
    calculateVolume( 3, 2, 20 ) );