UDF Javascript未从HTML按钮调用onclick

时间:2017-12-11 11:15:55

标签: javascript html

我已经通过这一切看起来很高和很低的答案。我在过去的11个小时内几乎尝试过的所有东西都无济于事。这是我的问题:

    <button type="button" onclick="xp2bank(100, 'att')">click</button> does not work,

然而,

    <button type="button" onclick="alert('this works')">click</button> does work.

我想要做的是创建一个可以通过将参数传递给函数从多个按钮调用的UDF(很高兴知道是否有更简单的方法来执行此操作。)函数的目的将是根据检查后选择的值更新$ fetch []的元素,以确保在$ fetch [&#39; bank _ ###&#39;]或$ fetch [&#39; exp_ #####&#39;]取决于用户的选择。一旦进行了更改,代码将更新相应的单元格。当用户完成时,将有一个按钮来保存他们的更改,此时表将被更新。一旦我克服了这个问题,其余的代码就会在公园散步。

我的代码还不漂亮或者没有评论,我已经非常了解我的情况,当我说得对,我会说得很漂亮而且评论很好。

下面是修改后的缩短代码片段。

    <html>
    <head>
    <script>

      function bank2xp(howmuch, skill){
        switch(skill) {
            case 'att':
              alert('Attack ' + howmuch);
         }
      }

      function xp2bank(howmuch, skill){
        alert('Attack ' + howmuch);


      } 
    </script>

    </head>
    <body>
                <table class='table table-bordered'>
                    <thead>
                        <tr>
                          <th colspan="2">Priamary Combat Stats</th>
                          <th style="text-align: right" colspan="2">Banked XP: (value from array)</th>
                        </tr>
                        <tr>
                            <th >Stat</th>
                            <th style="text-align: center">Level</th>
                            <th colspan="2" style="text-align: right">Experiance Points</th>

                        </tr>
                    </thead>
                    <tr>
                        <td>Attack</td>
                        <td style="text-align: right">(value from array)</td>
                        <td></td>
                        <td style="text-align: right">(value from array)</td>

                    </tr>
                    <tr>
                        <td style="text-align: center" colspan="2">Send to bank</br>
                          <button type="button" onclick="xp2bank(100, 'att')">100</button>
                        </td>
                        <td style="text-align: center" colspan="2">Add from bank</br>
                          <button type="button" onclick="bank2xp(100, 'att')">100</button>
                        </td>
                    </tr>
                </table>
    </body>
    </html>

2 个答案:

答案 0 :(得分:0)

我求求你原谅我,但我没有检查你的代码。我所做的就是找出你认为不起作用的东西,证明它应该有用。

&#13;
&#13;
function xp2bank(howmuch, skill){ 
  switch(skill) {
    case 'att':
      alert('Attack ' + howmuch);
      break;
    case 'str':
      alert('Strentgh ' + howmuch);
      break;
    case 'def':
      alert('defence ' + howmuch);
      break;
  }
}
&#13;
<button type="button" onclick="xp2bank(100, 'att')">Attack 100</button>
<button type="button" onclick="xp2bank(1000, 'str')">Strentgh 1,000</button>
<button type="button" onclick="xp2bank(50, 'def')">Defence 50</button>
&#13;
&#13;
&#13;

已编辑的摘录。

答案 1 :(得分:0)

好的,我想我发现了......

function xp2bank(howmuch, skill)( ... )

应该是:

    function xp2bank(howmuch, skill){ 
switch(skill) {
  case 'att':
    alert('Attack ' + howmuch);
    break;
  case 'str':
    // ...
    break;
  case 'def':
    // ...
    break;
        }
     }