Javascript html函数输入按钮输出

我正在努力完成以下任务

获取了一个javascript函数：

function dec2bin(dec){

    return (dec >>> 0).toString(2);

}

我的html应该如下所示： -“dec”参数的一个输入字段。 -一个按钮“calculate”（计算）启动函数dec2bin>>0）。toString（2）； } ***document.getElementById（“输出”）.innerHTML=dec2bin（document.getElementById（“输入”）.innerHTML）***

谢谢 这里的区别在于，您需要等待用户单击按钮

您的代码现在所做的是每次用户单击按钮时调用

dec2bin（'input'）

，但此方法仅执行计算。填充

输出的行是第二个带“***”标记的行，但它仅在页面加载时执行

因此，不要执行
document.getElementById（“输出”）.innerHTML=dec2bin（document.getElementById（“输入”）.value）
在页面加载时，您需要用一个函数包装它，并在用户单击
按钮1
时使用它

因此，两个关键点是：

换行将获得
输入值
并填充
输出值
将函数用作
onclick
处理程序


Obs:IMO最好使用
value
而不是
innerHTML
来输入
元素。
猜错了。它位于1）onclick=“dec2bin（'input'）；”和2）return（dec>>>0）中；读书，做家庭作业，不要作弊^_^使用
.value
而不是
.innerHTML
获取输入值。您需要等待用户输入某个内容，因此代码应该位于事件处理程序中。IMHO最好提供指导和简要解释，以简化学习过程，而不是抛出可能导致混淆的提示。
***<input type="text" id="input" value="input"/>***
<input type=button id="button1" value="calculate" onclick="dec2bin('input');"/>
<p id = "output"></p>

<script type="text/javascript">
function dec2bin(dec){

    return (dec >>> 0).toString(2);

}
***document.getElementById("output").innerHTML = dec2bin(document.getElementById("input").innerHTML);***
</script>

function convertUserInput(id) {
    document.getElementById("output").innerHTML = dec2bin(document.getElementById(id).value);
}

<input type=button id="button1" value="calculate" onclick="convertUserInput('input');"/>