Javascript 未捕获SyntaxError:使用js添加onmouseclick属性时出现意外标识符

我不确定错误在哪里。我正在学习JavaScript，并且在控制台日志中不断出现此错误。请帮忙。下面是代码。 当我添加时，问题就出现了

element.setAttribute("onmouseover","showing("+this+","+x+")");" 

在

build（）函数中

当我从上面的行中删除此项时，它会起作用。但我也希望将此作为属性传递

我怎样才能解决这个问题？
错误会一直显示在HTML元素中



钮扣{
背景：浅蓝色；
字号：2em；
边界半径：15px；
左边距：自动；
右边距：自动；
显示：块；
边缘底部：20px；
}
.隐藏{
显示：无；
}
#信息1{
字号：2em；
字体大小：粗体；
文本对齐：居中；
边缘底部：20px；
}
#信息2{
字号：2em；
字体大小：粗体；
文本对齐：居中；
边缘底部：20px；
}
按钮：悬停{
光标：指针；
}
.盒子{
高度：200px；
宽度：200px；
显示：内联flex；
对齐项目：居中；
边框：1px纯黑；
保证金：5px；
文本对齐：居中；
}
#游戏区{
文本对齐：居中；
}
文件
开始比赛
按开始游戏
此人的姓名将出现在此处。
var people=[“a”、“b”、“c”、“d”、“e”、“f”、“g”、“h”、“i”]
var arr=people.slice（）；
var键；
函数start（）{
build（）；
洗牌耳环（）；
//控制台日志（arr）；
document.getElementById（'starter'）.classList.add（“隐藏”）；
messagePass1（“尽可能快地查找并单击名称…”；
}
函数shufflear（）{
arr.sort（函数（a，b）{
返回0.5-Math.random（）；
});
}
函数构建（）{
var元素；
var-pa；
对于（var x=0；x变化

到


var people=[“adhi”、“ashwin”、“aditya”、“anurag”、“ashwath”、“athira”、“athul”、“Abilish”、“deepak”]
var arr=people.slice（）；
var键；
函数start（）{
build（）；
洗牌耳环（）；
//控制台日志（arr）；
document.getElementById（'starter'）.classList.add（“隐藏”）；
messagePass1（“尽可能快地查找并单击名称…”；
}
函数shufflear（）{
arr.sort（函数（a，b）{
返回0.5-Math.random（）；
});
}
函数构建（）{
var元素；
var-pa；
对于（让x=0；xelement.setAttribute（“onmouseover”，“showing（this，“+x+”））”）将起作用，错误已经消失。但是当我检查inspect元素时，onmouseover变得未定义。
element.setAttribute("onmouseover","showing("+this+","+x+")");

element.onmouseover = function() {showing(this,x)};