Javascript добавление div элемента
 

Здравствуйте. Подскажите пожалуйста как сделать в html файле кнопку по нажатию которой будет добавляться элемент div с каким-то содержимым на страницу. Вот что у меня получилось, правильно ли это?

<input type="button" onclick="add_input()" value="Добавить элемент">
<form>
<div id="inputi"><input name="my_input"></div>
</form>
<script language="javascript">
function add_input()
{
var new_input=document.createElement('div');
new_input.innerHTML='<br>div элемент №'+document.getElementById('inputi').getElementsByTagName('div').length+'<br><input name="my_input">';
document.getElementById('inputi').appendChild(new_input);
}
</script>

Заранее спасибо.

лучше делать так

<input type="button" onclick="add_input();" value="Добавить элемент">
<form>
<div id="inputi"><input name="my_input"></div>
</form>
<script>
var p = document.getElementById("inputi") ;
var length = 1 ;
function add_input() {
 var new_input = document.createElement("input") ;
 new_input.name = "my_input" ;
 var div = document.createElement('div') ;
 div.innerHTML = '<br>div элемент №' + length + '<br>' ;
 div.appendChild(new_input) ;
 p.appendChild(div) ;
 length++ ;
} ;
</script>