使用onclick时什么也没有出现

Question

我正在尝试根据我国现有的药物构建一个简单的 ADD 药物计算器。我还没有编写脚本，因为当我选择“Ritalin LA”、“10mg”和“Ritalin”然后单击“转换”时，什么也没有出现。这是为什么？我该如何解决它？

这是代码：

function convertRitalinLA () {
    var convertMedications = document.getElementById("convertMedications").value;
    var dosages = document.getElementById("dosages").value;
    var toTheseMedications = document.getElementById("toTheseMedications").value;
    var placeholder = document.getElementById("placeholder");

    if (convertMedications === "Ritalin LA") {
        if (toTheseMedications === "Ritalin") {
            if (dosages === "10mg") {
                console.log("10mg")
                placeholder.innerHTML = "10mg"
            } else if (dosages === "20mg") {
                console.log("20mg")
                placeholder.innerHTML = "20mg"
            } else if (dosages === "30mg") {
                console.log("30mg")
                placeholder.innerHTML = "30mg"
            } else if (dosages === "40mg") {
                console.log("40mg")
                placeholder.innerHTML = "40mg"
            } else if (dosages === "60mg") {
                console.log("60mg")
                placeholder.innerHTML = "60mg"
            }
        } else if (toTheseMedications === "Ritalin LA") {
            console.log("Error.")
            placeholder.innerHTML = "Error."
        }
    }
}

function init () {
    document.getElementById("button").onclick = convertRitalinLA()
}

window.onload = init;

I tried changing around the if statement and also changing the original submit input "button" to a real button.

Answer 1

你需要添加一个EventListener到你的按钮:

document.getElementById("test").addEventListener("click", () => {
console.log("clicked")
//call your function here...
})

“test”是你的 Html 元素的 id，它可以是任何东西。 “click”：是您需要调用的事件吗