Dynamically create and print h1 tags through JavaScript

Question

I need to be able to create a function in JavaScript where all I need to do is type h1("hello") and it will print hello.

I want to avoid this method:

function h1(text) {
    document.write('<h1>'+text+'</h1>');
}

This is what I have:

function h1(text) {
    var div = document.createElement('div');
    document.appendChild(div);
    var h1 = document.createElement('h1');
    div.appendChild(h1);
    h1.createTextNode(text);
}

Answer 1

<script>
function myFunction(text) {
    var h = document.createElement("H1");
    var t = document.createTextNode(text);
    h.appendChild(t);
    document.body.appendChild(h);
}
</script>