javascript - 从输入中获取文本并在实时 html 中将其打印在 div 中

Question

我正在尝试从我的 html 代码中的输入中获取文本并在 div 中打印此输入的值，我想实时执行此操作，所以 我尝试过这个 javascript 函数

<input id="fname" onkeyup="getVal()" type="text" name="filter_name" value="Nom" onclick="this.value = &#39;&#39;;" onkeydown="this.style.color = &#39;#000000&#39; " style="width:180px;" >

<div id="icard" class="drag" style="left: 0px; top: 0px; width:10%;  height:10%;">  item</div>

这是js函数:

function getVal()
    {
    var x=document.getElementById("fname");
    x.value=x.value.toUpperCase();
    document.getElementById("icard").update("New text");
    document.getElementById("icard")=x;
    var s =document.getElementById("icard");
    s.value=x.value;
    }

Answer 1

value 属性未与 div 关联。所以你必须使用innerHTML作为div

function getVal() {
    var x = document.getElementById("fname");
    document.getElementById("icard").innerHTML = x.value.toUpperCase();
}

检查这个JSFiddle