JavaScript inside html

Question

How can I display a JavaScript variable inside an html element? I wanted a paragraph <p> to show var x = value, and I need it to be dynamic so I can change var x’s value but still be shown

Answer 1

<p id="test"></p>

<script>
window.onload=function(){
var x=10;
var test=document.getElementById("test").innerHTML =x;
}
</script>

Answer 2

<p>
var x = <span id=x></span>
</p>
<script>
var x = document.getElementById('x');
// ...do what you want with x
</script>

Answer 3

Shudarshan Rai that code worked like a charm. thanks