javascript - 如何将文本写入特定位置 [Opal]

Question

我需要编写带有简单数据的静态网页。 在表单中，我有来自用户和标签 <div id="prog"> 的数据我的输出 如何使用 Opal 将字符串写入特定位置？

<div id="prog">
</div><script type="text/javascript">
<div id="prog">
</div>
</script>
pp = document.getElementById("prog").innerHTML = Opal.main()
</script>

Answer 1

好的，根据您的示例代码，您只需使 Opal.main() 返回一个字符串

def main
  # logic
  return str
end

但我认为你真正想要的是使用 opal-jquery 或 opal-browser，我对后者没有太多经验，所以这里有一个 opal-jquery 的简单示例(我理解你要问的)

Document.ready? 
  Element["form"].on(:submit) do
    Element["#prog].text = Element["#input-id"].value
  end
end