wakoliVotes/jsinhtmlheader.html

## jsinhtmlheader.html
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script type="text/javascript">
        // Use parseInt to convert the entered string to integer
            var x = parseInt(prompt("Enter First Number: "));
            var y = parseInt(prompt("Enter Second Number: "));
            var sum = x + y;
            var prod = x * y;
        function sumNumbers () {

            alert(`The Sum of ${x} and ${y} is ${sum}`);
        }
        function multiNumbers(){
            alert(`The Product of ${x} and ${y} is ${prod}`);
        }
        function checkLarge(){
            if (x > y){
            alert(`${x} is Greater Than ${y}`)
            }
            else if (x == y){
                alert(`x = ${x} and y= ${y} are Equal`);
            } else {
                alert(`${x} is Less Than ${y}`);
            }
        }
    </script>
    <title>Document</title>
</head>

<body style="text-align: center;">
    <h3>Welcome to JavaScript</h3>
    <p>We Are <strong>Adding</strong> Two Numbers Here</p>
    <form action="">
        <input type="button" value="Sum Numbers" onclick="sumNumbers()" />
        <!-- onClick is an event -->
    </form>
    <!-- Multiplication -->
    <p>We Are <strong>Multiplying</strong> Two Numbers Here</p>
    <form action="">
        <input type="button" value="Product Numbers" onclick="multiNumbers()" />
        <!-- onClick is an event -->
    </form>
    <!-- Displaying largest -->
    <p>We Are <strong>Showing Control Structures</strong> for Two Numbers</p>
    <form action="">
        <input type="button" value="Check Larger Number" onclick="checkLarge()" />
        <!-- onClick is an event -->
    </form>
</body>

</html>
	<!DOCTYPE html>
	<html lang="en">

	<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<script type="text/javascript">
	// Use parseInt to convert the entered string to integer
	var x = parseInt(prompt("Enter First Number: "));
	var y = parseInt(prompt("Enter Second Number: "));
	var sum = x + y;
	var prod = x * y;
	function sumNumbers () {

	alert(`The Sum of ${x} and ${y} is ${sum}`);
	}
	function multiNumbers(){
	alert(`The Product of ${x} and ${y} is ${prod}`);
	}
	function checkLarge(){
	if (x > y){
	alert(`${x} is Greater Than ${y}`)
	}
	else if (x == y){
	alert(`x = ${x} and y= ${y} are Equal`);
	} else {
	alert(`${x} is Less Than ${y}`);
	}
	}
	</script>
	<title>Document</title>
	</head>

	<body style="text-align: center;">
	<h3>Welcome to JavaScript</h3>
	<p>We Are <strong>Adding</strong> Two Numbers Here</p>
	<form action="">
	<input type="button" value="Sum Numbers" onclick="sumNumbers()" />
	<!-- onClick is an event -->
	</form>
	<!-- Multiplication -->
	<p>We Are <strong>Multiplying</strong> Two Numbers Here</p>
	<form action="">
	<input type="button" value="Product Numbers" onclick="multiNumbers()" />
	<!-- onClick is an event -->
	</form>
	<!-- Displaying largest -->
	<p>We Are <strong>Showing Control Structures</strong> for Two Numbers</p>
	<form action="">
	<input type="button" value="Check Larger Number" onclick="checkLarge()" />
	<!-- onClick is an event -->
	</form>
	</body>

	</html>