Question

我有以下代码。我试图做一个骰子辊。但是，该按钮似乎没有起作用。有什么想法我想念的吗？我的EJS不正确吗？

  <div class="dicecontainer">
    <div class="dice"><p id="rollresult">Result</p></div>

      <%  function roll() { %>
        <%  var result =  Math.floor(Math.random() * 6 + 1); %> 
        <% document.getElementById("rollresult").innerHTML=result; %>
      <%  }; %>

     <button onclick="roll()">Roll Dice</button> 
 </div>

Answer 1

为什么要在ejs标记内编写javascript代码？到目前为止，将代码像这样放置在script标签内更加简单容易：

<div class="dicecontainer">
    <div class="dice"><p id="rollresult">Result</p></div>
     <button onclick="roll()">Roll Dice</button> 
 </div>
<script type="text/javascript">
  function roll() {
      var result =  Math.floor(Math.random() * 6 + 1);
      document.getElementById("rollresult").innerHTML=result;
  };
</script>

使用EJS的骰子辊

1 个答案: