Теперь из формы берется значение, но почему то передается только в первый блок div, а во второй нет.
<head>
<meta charset="UTF-8">
<title>GetElementByClassName</title>
<script>
function doit(){
var name1="1";
console.log(name1);
var name1=document.getElementsByClassName('form1')[0].value;
console.log(name1);
var name1=document.getElementsByClassName('form2')[0].innerHTML=name1;
console.log(name1);
};
</script>
</head>
<body>
Введите ваше имя
<input type="text" class="form1"/>
<input type="button" value="Готово" style="height: 20px; width: 60px;" onclick="doit();">
<br/>
<br/>
Вас зовут:
<div class="form2">
Здесь выводится значение взятое из поля ввода
</div>
<br/>
<div class="form2">
Здесь выводится значение взятое из поля ввода,
</div>
Добро пожаловать на наш сайт
</body>