请问div获取文本框的值

Question

第一个input里面有只读的值，第二个文本框可以自己输入值。

现在我要点一下获取按钮后，自动把这两个文本框的值合并，然后写到一个div里。

请问js能做到吗，要最简单的办法。谢谢。

Answer 1

demo

<div>
  <input type="text" readonly value='https://' id='input1'>
  <input type="text"  value='' id='input2' placeholder='请输入网站'>
  <button id='btn'>合并输出</button>
</div>

<div id="dom"></div>

js

document.getElementById("btn").onclick = function () {
  let input1 = document.getElementById("input1").value;
  let input2 = document.getElementById("input2").value;
  document.getElementById("dom").innerHTML = `你输入的网址是${input1}${input2}`;
};

Answer 2

这不是基本的dom操作么？

const val1 = document.querySelector('#input1').value;
const val2 = document.querySelector('#input2').value;
document.querySelector('#div').innerText = val1 + val2;