将select id和值从HTML传递到JavaScript

我正在用JavaScript-k20骰子计算器编写一个简单的程序。 用户可以通过HTML选择希望掷多少骰子：

<select id="kamount">
  <option value="1" id="id1"> k20</option>
  <option value="2" id="id2">2k20</option>
  <option value="3" id="id3">3k20</option>
  <option value="4" id="id4">4k20</option>
</select>

k20
2k20
3k20
4k20

我想将选择值传递给JavaScript函数，如下所示：

function dice_k20(dice){
  if (dice == 1){
    document.write(Math.floor((Math.random() * 20) + 1));
  }
  else if (dice == 2) {
    for (i = 0; i <= 2; i++) {
      document.write(Math.floor((Math.random() * 20) + 1));
    }
  }
  else if (dice == 3) {
    {
      for (i = 0; i <= 3; i++) {
        document.write(Math.floor((Math.random() * 20) + 1));
      }
    }
    else if (dice == 4) {
      {
        for (i = 0; i <= 4; i++) {
          document.write(Math.floor((Math.random() * 20) + 1));
        }
      }
    }
  }

功能骰子（骰子）{
如果（骰子=1）{
写（数学地板（（数学随机（）*20）+1））；
}
否则如果（骰子==2）{
对于（i=0；i请确保您的javascript文件在html文档中引用。
其他
像这样编辑javascript代码（保留dice_k20（）函数）

确保javascript文件在html文档中引用。
其他
像这样编辑javascript代码（保留dice_k20（）函数）

dice是字符串还是int？您是如何尝试传递值的？您缺少codeIs应用程序侦听select元素上的更改事件的部分，或者用户正在选择一个值，然后单击例如按钮？dice是字符串还是int？您是如何尝试传递值的？您缺少codeIs应用程序侦听更改事件的部分ent在select元素上，或者用户正在选择一个值，然后单击html头部中的按钮
var dice_val = document.getElementById('kamount').value;
dice_k20(dice_val);