如何顯示用戶輸入體內的按鈕被點擊

Question

我想顯示在一個單獨的DIV的用戶輸入的時候，卻只能有一個按鈕被按下時出現。我想我已經建立了，但我不知道如何顯示輸入。有人可以幫我解決這個問題嗎？

<script> 
 
    var callButt = document.getElementById("callButt"); 
 
    var userinput = document.getElementById("userinput"); 
 

 
    callButt.addEventListener("click", function(){ 
 
    console.log("Call has been set"); 
 

 
    userinput.style.display = "block"; 
 

 
</script>

<input id="callerIDInput" type="text" value="" > 
 
<div id="userinput"> </div> 
 

 
<button id='callButt'>CALL</button>

Answer 1

設置input value到div

var callButt = document.getElementById("callButt"); 
 
var userinput = document.getElementById("userinput"); 
 
callButt.addEventListener("click", function() { 
 
     console.log("Call has been set"); 
 
     userinput.innerHTML = document.getElementById('callerIDInput').value 
 
     })

<input id="callerIDInput" type="text" value=""> 
 
<div id="userinput"> </div> 
 

 
<button id='callButt'>CALL</button>

Answer 2

的innerHTML的DIV設置值的使用innerHTML。

HTML

<input id="callerIDInput" type="text" value=""> 
<div id="userinput"> </div> 

<button id='callButt' onclick="Display()">CALL</button> 

的Javascript

function Display() 
{ 
    var callButt = document.getElementById("callButt"); 
    var userinput = document.getElementById("userinput"); 
    var callerIDInput = document.getElementById("callerIDInput"); 
    console.log("Call has been set"); 
    userinput.style.display = "block"; 
    userinput.innerHTML = callerIDInput.value; 
}