Javascript 文本字段：追加文本无效

我有一段代码，当我在文本字段中输入文本时，它会显示一个div。它很好用。现在我想通过将按钮的文本克隆到文本字段中来输入文本。文本显示在文本字段中，但div不显示

函数addText（事件）{
var targ=event.target | | event.src元素；
document.getElementById（“用户符号”）.value+=target.textContent | | target.innerText；
}

C

您必须调用show函数，该函数在

.addText（）的ned处显示div中的值：


函数addText（事件）{
var targ=event.target | | event.src元素；
document.getElementById（“用户符号”）.value+=target.textContent | | target.innerText；
showText（）；
}
document.getElementById（“用户符号”）.addEventListener（“输入”，showText，false）；
函数showText（）{
document.getElementById（“结果”）.innerHTML=document.getElementById（“用户符号”）.value；
}

C
以实现以下选项的预期用途

HTML:

为什么使用jQuery标记？您是否可以互换使用“按钮”和“div”这两个词？因为您使用class=“div”，所以我问您。您没有
。这可能是它没有出现的原因吗？您是否试图在div中显示相同的内容？您正在寻找类似的内容-不幸的是，无法工作。我想我需要一些东西，比如关注文本字段和模拟击键（enter）的组合，请不要太清楚你到底想要什么。。试着描述想要的行为。
function addText(event) {
  var targ = event.target || event.srcElement;
  document.getElementById("user_notation").value += targ.textContent || targ.innerText;

  showText(); //Show value in div
}

<input id="user_notation" onkeyup ="showDiv()">
<button class="div" onclick="addText(event)" >C</button>
<div id="div">showing DIV</div>

  document.getElementById("div").style.visibility = 'hidden';
function addText(event) {
var targ = event.target || event.srcElement;
document.getElementById("user_notation").value += targ.textContent ||     targ.innerText;

}

function showDiv(){

  var textboxVal = document.getElementById("user_notation").value;

  if(textboxVal.length>0){
  document.getElementById("div").style.visibility = 'visible';
}
  else{
     document.getElementById("div").style.visibility = 'hidden'; 
  }
}