Menu
Problem Statement: I have a simple HTML form that asks for three numbers from the user. When they hit submit, I would the form to be passed to a node.js file and assign each value to a variable.
Below is my HTML file:
<body>
<form action="/" method="post">
<fieldset>
First number: <input type="number" name="param1"><br>
Second number: <input type="number" name="param2"><br>
Third number: <input type="number" name="param3"><br>
<input type="submit" value="submit" />
</fieldset>
</form>
</body>
And here is the little bit I have for the node.js file:
var http = require('http');
var math = require('mathjs');
var m = 3;
var n = 5;
var o = 7;
var p = 2;
http.createServer(function(req,res) {
function pleaseSolve () {
var comp = math.chain(m)
.add(m)
.divide(p)
.multiply(o)
.done();
res.writeHead(200, {'Content-Type': 'text/html'});
res.end("The answer is " + comp);
}
pleaseSolve();
}).listen(8080);
Instead, I would like a method or something similar that would assign those variables using input from the HTML form rather than me simply hard-coding them.
EDIT: I've already been downvoted and I have been searching the web for two days for an answer for this and I haven't found one. Please be constructive and at least link another post versus downvoting and being non-constructive.
709
asked Jul 26 '26 05:07
This following Node.js code will solve your question. You need a route to return your main html file and a route that gets post data and returns a result based on this data.
var express = require('express')
var http = require('http');
var math = require('mathjs');
var bodyParser = require('body-parser');
var app = express()
// use body parser to easy fetch post body
app.use(bodyParser.urlencoded({ extended: false }));
app.use(bodyParser.json())
// route to '/' to return the html file
app.get('/', function (req, res, next) {
res.sendfile('index.html');
});
//route that receives the post body and returns your computation
app.post('/solve', function (req, res, next) {
pleaseSolve(req.body, res);
});
app.listen(8080);
function pleaseSolve(parms, res) {
//get the parameters based on input name attribute from the html
//and parse strings to numbers
var m = +parms.param1;
var o = +parms.param2;
var p = +parms.param3;
var comp = math.chain(m)
.add(m)
.divide(p)
.multiply(o)
.done();
res.writeHead(200, { 'Content-Type': 'text/html' });
res.end("The answer is " + comp);
}
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
