const campo1 = document.querySelectorAll("input")[0];
const campo2 = document.querySelectorAll("input")[1];
const campo3 = document.querySelectorAll("input")[2];
const btn = document.querySelectorAll("button")[0];
const resultado = document.querySelector("#resultado");
btn.addEventListener("click", function () {
  const str1 = campo1.value;
  const str2 = campo2.value;
  const str3 = campo3.value;
  const res = str1.concat(str2, str3);
  (str1 && str2 && str3) != ""
    ? (resultado.innerHTML = `Voce criou a string: <span class="dest">${res}</span`)
    : (resultado.innerHTML = `Preencha os três campos`);
  console.log("String1", str1);
});

<input type="text" placeholder="Entre string1">
<input type="text" placeholder="Entre string2">
<input type="text" placeholder="Entre string3">
<button type="button">OK</button>
<div id="resultado"></div>

Strings

Método concat(str1, ..., strN)

---

Entre 3 strings:

OK