使用EJS骰子滚子[重复]

Question

这个问题已经在这里有一个答案：

• What is the difference between client-side and server-side programming? 5个回答

我有下面的代码。我试图做一个骰子滚。然而，按钮似乎并没有被运行。任何想法我很想念？是我的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>