Sending data from JavaScript back into HTML?

Question

I'm building a basic website. One of the requirements is that the user enters a number, which is processed by JavaScript and then the processed data is output. Here is what I've come up with:

<HTML>
<HEAD>
<TITLE>Test Input</TITLE>
<SCRIPT LANGUAGE="JavaScript">
function testResults (form) {
    var TestVar = form.inputbox.value+1;
    // Here, I want to return TestVar as a h1 tag in HTML
}
</SCRIPT>
</HEAD>
<BODY>
<FORM NAME="myform" ACTION="" METHOD="GET">Enter something in the box: <BR>
<INPUT TYPE="text" NAME="inputbox" VALUE=""><P>
<INPUT TYPE="button" NAME="button" Value="Click" onClick="testResults(this.form)">
</FORM>
</BODY>
</HTML>

So that's what I want to do. I'm sorry if this is a stupid question; I'm new to web dev. Thanks

Don't forget to convert the input value to a number if you want to do numeric addition instead of string concatenation. — Barmar
– Barmar, Commented Sep 16, 2020 at 18:31

Abderrahim Soubai-Elidrisi · Accepted Answer · 2020-09-16 18:29:05Z

1

The easy/ugly way to this is :

Add H1 tag

<h1 id="title"></h1>
<FORM NAME="myform" ACTION="" METHOD="GET">Enter something in the box: <BR>
...

in your function :

function testResults (form) {
    var TestVar = form.inputbox.value+1;
    const title = document.querySelector('#title')
    title.innerText = TestVar
}

answered Sep 16, 2020 at 18:29

Abderrahim Soubai-Elidrisi

5,2621 gold badge31 silver badges41 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

GttMone · Accepted Answer · 2020-09-16 18:32:41Z

0

You can try document.write('Text'); if that suits you, or you can make an invisible html element like div or something and then write to it.

answered Sep 16, 2020 at 18:32

GttMone

432 silver badges10 bronze badges

Collectives™ on Stack Overflow

Sending data from JavaScript back into HTML?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related