Rails项目中自定义JavaScript代码无法执行的问题求助

各位大佬好！我在Rails项目里写了一段自定义JS代码，想要实现根据选择的分类（Genre）和输入的数量（Amount）自动计算价格的功能，但这段代码完全没反应，控制台也没输出，实在找不到问题出在哪，麻烦帮忙看看！

我的JS代码如下：

function estimate(Genre, Amount) {
    var estimated;
    
    if(Genre == "Add Genre ") {
        estimated = Amount *  11111;
        price.value  = estimated;
    } else if (Genre == "Add Topic") {
        estimated = Amount * 11111;
        price.value  = estimated;
    } 
}

var initAmount = 1;
var Genre;
var selected = document.getElementById("selected")
var amount = document.getElementById("amount")
var price =  document.getElementById("price");

amount.addEventListener("change", function(){
    Amount = this.value;
    Amount = parseInt(Amount);
    estimate(Genre, Amount);
});

selected.addEventListener("change", function(){
    // 这里我原本想给Genre赋值，但好像没写全？
});

目前我怀疑可能是这些问题，但不确定：

• Rails的Turbo（之前的Turbolinks）导致DOM加载事件的问题？因为我没把代码放在正确的加载监听里？
• Genre变量一直没被赋值，导致estimate函数里的条件永远不触发？
• 元素的ID拼写错了？或者代码没被正确引入到页面里？

有没有大佬能帮我梳理下排查方向，或者直接指出哪里的问题呀？万分感谢！

备注：内容来源于stack exchange，提问作者Mick mic