<div class="out">
<p>тут будет имя</p>
<p>тут будет сообщение</p>
</div>
<div class="form-test">
<input type="text" class="i-2" placeholder="введите ваше имя">
<input type="text" class="i-1" placeholder="введите ваше сообщение">
<button onclick="reset()">отправить</button>
</div>
*{
margin: 0;
}
.out{
display: flex;
}
document.querySelector("button").onclick = btnSend;
function btnSend(){
let a = document.querySelector(".i-1");
let b = document.querySelector(".i-2");
document.querySelector(".out p:nth-of-type(1)").innerHTML = a.value;
a.value = "";
document.querySelector(".out p:nth-of-type(2)").innerHTML = b.value;
b.value = "";
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.