HTML/JavaScript it won't let me append to a div

Question

<html>
<head>
</head>
<body> 

<div id = "start">
<h3>Start</h3>
<script>
    if(Go==false)
        document.write("<p>None </p>");
    else
        document.write("<p>Month: Day: Hour: Min: </p>");
</script>
</div>
<script>

    var change = function(){
        document.getElementById('start').innerHTML +=document.write("<p>NO</p>");
    };
</script>
<input type = "button" value =start onClick = "change(); return false;"/>

<body>
</html>

With this it refreshes the page and I need it to be added to the div "start". Any Ideas? I have been looking up things online with fixes and none seem to work for me. I use chrome, I don't know if that will help.

I really wish tutorials never taught about `document.write`! You see the trouble it causes. :) — epascarello, Jun 04 '13 at 14:53
If this is your real HTML, your value attribute on the button isn't enclosed in `"`. — Aerus, Jun 04 '13 at 14:54
they should take document.write out.... it has no practical uses that i have ever seen. — Patrick Evans, Jun 04 '13 at 14:54

score 2 · Accepted Answer · answered Jun 04 '13 at 14:51

2

Try this:

var change = function(){
    document.getElementById('start').innerHTML += "<p>NO</p>";
};

answered Jun 04 '13 at 14:51

sjkm

3,887
2
25
43

score 0 · Answer 2 · edited May 23 '17 at 12:28

This is a similar question of question on SO. Is as to avoid of the use document.write("<p>NO</p>"); because this needs to refresh page.

Then I suggest for you use document.getElementById('start').innerHTML +="<p>NO</p>";

Or create the element!!

var p= document.createElement('P');
           p.appendChild( document.createTextNode("NO") );
           document.getElementById("start").appendChild(p);

score 0 · Answer 3 · answered Jun 04 '13 at 14:57

0

Yup, what sjkm said. document.write does not return anything, it just appends whatever you give it to the end of the document. Also, your Go variable isn't declared and has no value assigned to it

answered Jun 04 '13 at 14:57

Attila Houtkooper

143
1
5

HTML/JavaScript it won't let me append to a div

3 Answers3