动态更新Div的Javascript在站点上不工作

我正在Magento中处理一个产品页面，并尝试获取一个自定义选项文本字段输入，以动态更新div的内容。代码在JSFIDLE中运行良好，但在live页面上不起作用。我需要帮助诊断代码在页面上无法工作的原因

JS小提琴：

HTML:

像这样使用js：
HTML：

<input id="inp"type="text" onkeyup="func()" value="10">
<br />Length: <div id="length" style="display:inline-block;">10<div>

或者你可以这样写：

函数func（）{
var input=document.getElementById（'inp'）；
document.getElementById（'length'）.innerHTML=input.value；
}

长度：10

---

在JSFidle中，您可以选择加载js部件的位置（单击“javascript”附近的齿轮）。当我输入“No wrap-In body”时，第一个方法工作^^

该函数似乎没有什么不同。：-/我想调用该函数时我缺少了

（）

。它现在正在工作。谢谢您的帮助！

var input = document.getElementById('options_35_text'); 
input.onkeyup = function() {
    document.getElementById('length').innerHTML = input.value;    
}

<input id="inp"type="text" onkeyup="func()" value="10">
<br />Length: <div id="length" style="display:inline-block;">10<div>

function func() {
    var input = document.getElementById('inp'); 
    document.getElementById('length').innerHTML = input.value;    
}

<script type="text/javascript">
function func() {
    var input = document.getElementById('inp'); 
    document.getElementById('length').innerHTML = input.value;    
}
</script>
<input id="inp"type="text" onkeyup="func()" value="10">
<br />Length: <div id="length" style="display:inline-block;">10<div>