sjfricke/index.html

## index.html
<html>
    <head>
        <style>
            body {background-color: powderblue;}
            h1   {color: blue;}
        </style>
    </head>

    <body onload="GetMagicNumber()">
        <h1 id="message"></h1>
    </body>

    <script>
        function RequestListener() {
            const value = JSON.parse(this.responseText).value;
            document.getElementById('message').innerHTML = value;
        }

        function GetMagicNumber() {
            const req = new XMLHttpRequest();
            req.addEventListener("load", RequestListener);
            req.open("GET", "/getNumber");
            req.send();
        }
    </script>
</html>

## server.js
const magic_number = 45;

const port = 8000;

//
//  -----------------
//

const fs = require('fs')
const http = require("http");

const requestListener = function (req, res) {
    if (req.url == "/getNumber") {
        res.setHeader("Content-Type", "application/json");
        res.writeHead(200);
        // This sends the magic number back
        res.end(JSON.stringify({"value": magic_number}));
    } else {
        // This loads the main page
        res.writeHead(200);
        fs.createReadStream("index.html").pipe(res);
    }
};

const server = http.createServer(requestListener);
server.listen(port,  () => {
    console.log(`Server is running on http://localhost:${port}`);
});
	<html>
	<head>
	<style>
	body {background-color: powderblue;}
	h1 {color: blue;}
	</style>
	</head>

	<body onload="GetMagicNumber()">
	<h1 id="message"></h1>
	</body>

	<script>
	function RequestListener() {
	const value = JSON.parse(this.responseText).value;
	document.getElementById('message').innerHTML = value;
	}

	function GetMagicNumber() {
	const req = new XMLHttpRequest();
	req.addEventListener("load", RequestListener);
	req.open("GET", "/getNumber");
	req.send();
	}
	</script>
	</html>
	const magic_number = 45;

	const port = 8000;

	//
	// -----------------
	//

	const fs = require('fs')
	const http = require("http");

	const requestListener = function (req, res) {
	if (req.url == "/getNumber") {
	res.setHeader("Content-Type", "application/json");
	res.writeHead(200);
	// This sends the magic number back
	res.end(JSON.stringify({"value": magic_number}));
	} else {
	// This loads the main page
	res.writeHead(200);
	fs.createReadStream("index.html").pipe(res);
	}
	};

	const server = http.createServer(requestListener);
	server.listen(port, () => {
	console.log(`Server is running on http://localhost:${port}`);
	});