How to pass data from Node.js to html

Question

I have a simple program and some data strings that I want to pass to HTML page that hosted locally, but I'm getting error: ReferenceError: document is not defined

There's my .js file index.js:

let some_string = "some data";

document.getElementById("dataButton").onclick = function(){
    var paragraph = document.createElement("p");
    var text = document.createTextNode(some_string); 
    paragraph.appendChild(text);
    var element = document.getElementsByTagName("body")[0];
    element.appendChild(paragraph);
}

And there's my HTML test.html:

<!DOCTYPE html>
<html>

<head>
    <title>New title</title>
</head>

<body>
    <h1>Data page</h1>

    <button id="dataButton">Add data</button>
    <script src="index.js"></script>
</body>

</html>

Many thanks if someone come up with idea what am I doing wrong!

Answer 1

Update your files to the following

 let some_string = "some data"; const dataButton = document.getElementById("dataButton"); dataButton.addEventListener("click", () => { var paragraph = document.createElement("p"); var text = document.createTextNode(some_string); paragraph.appendChild(text); var element = document.getElementsByTagName("body")[0]; element.appendChild(paragraph); });

 <!DOCTYPE html> <html> <head> <title>New title</title> </head> <body> <h1>Data page</h1> <button id="dataButton">Add data</button> <script src="./index.js"></script> </body> </html>

How to pass data from Node.js to html

Question

1 answers

solution1
0 2022-06-27 03:49:52

How to pass data from Node.js to html

Question

1 answers

solution1 0 2022-06-27 03:49:52

solution1
0 2022-06-27 03:49:52