javascript - 如何将单击的 div 的类名作为参数传递给函数

Question

这可能是基本的，但我无法从我所做的研究中在 JAVASCRIPT 中找到我需要的结果。

有两个数字变量。它们是“mainnumber”和“buttonnumber”mainnumber 由 math.random 生成。Buttonnumber 是位于不同类名称末尾的数字。这意味着当单击的 div 具有类名 class='example1' 时，buttonnumber = 1这意味着当单击的 div 具有类名 class='example2' 等时，buttonnumber = 2。

大约有 50 个 div 有自己的类名，例如 example1、example2 等。有些类名在 div 之间重复。

当单击按钮时，将调用函数“compareaction”来比较“mainnumber”和“buttonnumber”，并执行另一个名为的函数“结果正确”或“结果错误”取决于比较。

//这里是比较代码

function compareaction(buttonnumber){
    if (mainnumber == buttonnumber){
        resultcorrect();    
    } else {
        resultwrong();
    }
}

我需要知道如何将类名末尾的数字(即 1 或 2 或 3 或 4 等)传递给函数。

<div class="example1" onclick="compareaction(\\number in class name as a parameter)"></div>

Answer 1

将类名传递给函数

<div class="example1" onclick="compareaction(this.className)">

然后在函数内部检查

function compareaction(className) {
    // className will be 'example1' in this case
    var buttonNumber = className.match(/\d+$/)[0];
    if (mainnumber == buttonNumber){
        resultcorrect();    
    } else {
        resultwrong();
    }
}