为什么输入的内容没有被打印出来？

Question

<script src="script.js"></script>
<p id="p1"></p>

<input type="text" placeholder="hello" id="firstname">

<button id="clickBtn" type="button">Click</button>

let clickBtn = document.getElementById('clickBtn');
let firstname = document.getElementById('firstname');
let p1 = document.getElementById('p1');
clickBtn.onclick = function () { firstname.value = p1.innerText; console.log(firstname.value); }

在此，它在控制台中显示未捕获的错误，并且按钮中似乎存在一些错误。 输入后，我看不到控制台或屏幕上打印出任何内容。

我希望打印我输入的文本。

Answer 1

您可以向按钮添加 onclick 属性，如下所示：

function changeText(){
    var p1 = document.getElementById('p1');
    document.getElementById('firstname').value =p1.innerText;
    };

<p id="p1"></p>
<input type="text" placeholder="hello" id="firstname">
<button id="clickBtn" type="button" onclick="changeText()">Click</button>