<!
DOCTYPE html>
<html>
<head>
<meta name = "viewport" content = "width = device-width, initial-scale = 1.0">
</head>
<body>
<h1> The value from the javascript script is given below: </h1>
<p id = "demo"> </p>
<script>
document.getElementById("demo").innerHTML = 10.09;
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta name = "viewport" content = "width = device-width, initial-scale = 1.0">
</head>
<body>
<h1> The value from the javascript script is given below: </h1>
<p id = "demo"> </p>
<script>
document.getElementById("demo").innerHTML = "Jane Petes";
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta name = "viewport" content = "width = device-width, initial-scale = 1.0">
</head>
<body>
<h1> The value from the javascript script is given below: </h1>
<p id = "demo"> </p>
<script>
document.getElementById("demo").innerHTML = (((14 * 2) + 22) - 9) / 7;
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta name = "viewport" content = "width = device-width, initial-scale = 1.0">
</head>
<body>
<h1> The value from the javascript script is given below: </h1>
<p id = "demo"> </p>
<script>
let x, y, z;
x = 10;
y = 4;
z = x + y;
document.getElementById("demo").innerHTML = z;
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta name = "viewport" content = "width = device-width, initial-scale = 1.0">
</head>
<body>
<h1> The value from the javascript script is given below: </h1>
<p id = "demo"> </p>
<script>
let x;
x = 5;
document.getElementById("demo").innerHTML = x * 10;
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta name = "viewport" content = "width = device-width, initial-scale = 1.0">
</head>
<body>
<h1> The value from the javascript script is given below: </h1>
<p id = "demo"> </p>
<script>
let x;
x = 4;
document.getElementById("demo").innerHTML = "John" + " " + "Doe " + x;
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta name = "viewport" content = "width = device-width, initial-scale = 1.0">
</head>
<body>
<h1> The value from the javascript script is given below: </h1>
<p id = "demo"> </p>
<script>
var x, y;
x = 10 + 8;
y = x * 5;
document.getElementById("demo").innerHTML = y;
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta name = "viewport" content = "width = device-width, initial-scale = 1.0">
</head>
<body>
<h1> The value from the javascript script is given below: </h1>
<p id = "demo"> </p>
<script>
let x;
x = 18;
//x = x + 5;
/* x = (2 * x) + 4;
x = x / 5; */
document.getElementById("demo").innerHTML = x;
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta name = "viewport" content = "width = device-width, initial-scale = 1.0">
</head>
<body>
<h1> The value from the javascript script is given below: </h1>
<p id = "demo01"> </p>
<p id = "demo02"> </p>
<script>
let name, Name;
name = "John Doe";
Name = "Jane Petes";
document.getElementById("demo01").innerHTML = name;
document.getElementById("demo02").innerHTML = Name;
</script>
</body>
</html>
