Skip to content

Instantly share code, notes, and snippets.

@sjfricke

sjfricke/index.html

Created May 26, 2023 16:01
Show Gist options
  • Save sjfricke/2728b76510d2f453fd3675bd3d76f04c to your computer and use it in GitHub Desktop.
Save sjfricke/2728b76510d2f453fd3675bd3d76f04c to your computer and use it in GitHub Desktop.
Download ZIP
Simpler Server Port Demo
Raw
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>
Raw
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}`);
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment