getElementById не работает на всех

Question

<form id="form1"> 
 
    Title: <input type="text" id="title1" size="25"/><br/><br/><br/> 
 
    Description <input type="text" id="desc1" size="55"/><br/><br/><br/> 
 
    <input type="submit" value="Submit" onclick="doit();"/> 
 
</form> 
 

 
<script type="text/javascript"> 
 
function doit(){ 
 
    var title = document.getElementById("title1").value; 
 
    var description = document.getElementById("desc1").value; 
 

 
    document.write("<h3>Title: " + title + "</h3>"); 
 
    document.write("<h3>Description: " + description + "</h3>"); 
 
} 
 
</script>

мне нужна помощь с getElementById. Мой скрипт принимает значения, введенные пользователем в текстовые поля, и когда пользователь нажимает на отправку значений, они записываются на страницу с использованием document.write, однако код не работает так, как ожидалось.

<script type="text/javascript"> 
function doit() { 
    document.write("Do it function"); 
    var title = document.getElementById("title1").value; 
    var description = document.getElementById("desc1").value; 

    document.write("<h3>Title: " + title + "</h3>"); 
    document.write("<h3>Description: " + description + "</h3>"); 
} 
</script> 

Выполнение даже не доходит до первой линии функции. В кнопке у меня есть:

<input type="submit value="submit" onclick="doit();"/> 

Answer 1

Пожалуйста, измените HTML, как это

<input type="submit" value="submit" onclick="doit();"/> 

Answer 2

Если:

<input type="submit value="submit" onclick="doit();"/> 

это действительно то, что у вас есть, вы упускаете цитаты (как следует быть очевидным по синтаксической раскраске, достаточно, чтобы убедиться, что вы используете редактор, который обеспечивает такую ​​окраску).

Это должно быть вместо этого:

<input type="submit" value="submit" onclick="doit();"/> 

Вы также должны знать, что document.write(), если этот документ уже был закрыт, будет автоматически открываться и ясно документ, поэтому ваш первый write может сделать управление с этими идентификаторами исчезают, в зависимости от структуры вашего HTML.