如何将单击的 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();
    }
}