Как вывести значения из двух инпутов?

Question

Подскажите, как вывести текст из двух инпутов одновременно, а так же его одновременно очистить после нажатия на button?

document.querySelector("button").onclick = btnSend;

    function btnSend(){
        let a = document.querySelector(".i-1");
        let b = document.querySelector(".i-2");
        document.querySelector(".out").innerHTML = a.value;
        a.value = "";
        document.querySelector(".out").innerHTML = b.value;
        b.value = "";
    }

  <div class="out">
        <p>тут будет текст</p>
    </div>
    <div class="form-test">
        <input type="text" class="i-2" placeholder="введите ваше имя">
        <input type="text" class="i-1" placeholder="введите ваше сообщение">
        <button>отправить</button>
    </div>

Answer 1

document.querySelector("button").onclick = btnSend;

    function btnSend(){
        let a = document.querySelector(".i-1");
        let b = document.querySelector(".i-2");
        document.querySelector(".out").innerHTML = `Имя: ${a.value}, сообщение: ${b.value}`;
        a.value = "";        
        b.value = "";
    }

<div class="out">
        <p>тут будет текст</p>
    </div>
    <div class="form-test">
        <input type="text" class="i-2" placeholder="введите ваше имя">
        <input type="text" class="i-1" placeholder="введите ваше сообщение">
        <button>отправить</button>
    </div>

БЛОГ НА HUSL

Как вывести значения из двух инпутов?

Ответы (1 шт):