返回JavaScript中的Select选项值

我想返回并向变量输出用户在下面的下拉菜单中选择的选择选项

<h3>Cake Size</h3>
<select id="cakeSize">
    <option value="6">6" Cake</option>
    <option value="8">8" Cake</option>
    <option value="10">10" Cake</option>
    <option value="12">12" Cake</option>
</select>
<button type="button" id="calc">Calculate</button>

---

要首先使用按钮事件侦听器触发值的收集来执行此操作。

如果要

警报

所选值，请使用

警报（cakeSize.value）

<代码>let value=cakeSize.value将仅具有初始值

select

值

let cakeSize=document.getElementById（'cakeSize'）；
//让value=cakeSize.value；
calc.addEventListener（'click'，函数测试（）{
返回警报（cakeSize.value）；
});
蛋糕大小
6英寸蛋糕
8英寸蛋糕
10“蛋糕
12英寸蛋糕
计算
非常感谢，这很有效，现在我需要将值提取到全局范围中，这样我就可以处理函数结果了。这是以前让我困惑的一点。
const calc = document.getElementById('calc');
let cakeSize = document.getElementById('cakeSize');
let value = cakeSize.value;

calc.addEventListener('click', function test(){
  return alert(value);
});