Помогите разобраться с инструкцией (JS Event)

[Nostromo33]

<p><input type="text" class="addWish" id="addWish"></p>
<p><input type="submit" class="btn" onclick="myFunction()"></p>


<div>
<div>Текст1</div>
<div>Текст2</div>
<div>Текст3</div>
</div>

<script>
function myFunction() {

1.Нужно чтобы функция создавала новый <div> перед тремя которые уже есть.
2. В новом диве выводился текст который пользователь вводит в первом инпуте.

}

Я уже пробовал много разных вариантов и к сожалению безуспешно.

Помогите разобраться.

[рони]

Nostromo33,
все ответы здесь http://learn.javascript.ru/modifying-document

[Nostromo33]

<input type="submit" value="OK" id="button" onlick="myF()"/>

<script>

function myF() {

var newDiv = document.createElement("div");
newDiv.id = "lol";
newDiv.innerHTML = "Я новый Див";


}

</script>

По идее нажатие кнопки должно плодить новый div, но это не происходит, в чем беда?

[рони]

Nostromo33,
мало наплодить нужно ещё вставить куда-то

[Nostromo33]

Nostromo33,
мало наплодить нужно ещё вставить куда-то

А можно где-то пример посмотреть, как это должно работать?

[рони]

Nostromo33,
так ссылка во втором посте там и примеры того что вы хотите сделать

[Nostromo33]

Nostromo33,
так ссылка во втором посте там и примеры того что вы хотите сделать

Исходя из тех примеров ничего не получается. Почему нельзя просто скинуть кусочек работающего кода для примера, а не заниматься троллингом.

[рони]

из одного из примеров на указанной выше ссылке

Сделать новый div первым дочерним можно так:

то есть читать и думать вы никак не хотите, тогда более ничем немогу помочь, если вы неприложите свои усилия.

[hfts_rider]

Упрощу задачу.
http://learn.javascript.ru/modifying...d-insertbefore