<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 = "";
    }

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.