Javascript 为什么我的；this.innerHTML=prompt（'；输入一个数字'；）"；内联工作，但在作为函数的一部分实现时不工作？

我已经创建了一个由

s组成的4x4网格，您可以在其中单击单元格，浏览器会提示您输入一个数字。如果输入文本，文本将显示在刚才单击的网格中

我让它使用以下代码：

但是，当我尝试将此功能实现为一个基于上述代码建模的函数时，我无法从提示符获取输入，从而将其放入innerHTML属性中。这就是我尝试过的：

函数setText（）{
this.innerHTML=prompt（'entarnumber'）；
}

this.innerHTML

似乎有问题。有人知道如何使

在函数中工作吗？我希望
this
引用触发onclick事件的
，但它似乎没有这样做

以下是我编写的HTML、CSS和Javascript：


函数setText（）{
this.innerHTML=prompt（'entarnumber'）；
}
*{
保证金：0；
填充：0；
}
部分{
显示器：flex；
高度：100vh；
证明内容：中心；
对齐项目：居中；
背景颜色：浅蓝色；
}
.电网{
显示：网格；
间隙：2px；
网格模板列：重复（4，12vw）；
网格模板行：重复（4，12vw）；
字体大小：8vw；
}
.grid分区{
背景颜色：绿色；
显示器：flex；
证明内容：中心；
对齐项目：居中；
颜色：白色；
}
您需要将此
传递给函数

<div onclick="setText(this)"></div>

function setText(div) {
  div.innerHTML=prompt('Enter a number');
}

有关更多信息，请参见如果使用JavaScript（例如使用
addEventListener
）添加事件处理程序，则仅为事件处理程序设置
此
值


document.querySelector（'div'）。addEventListener（'click'，函数（e）{
this.innerHTML=提示符（'输入一个数字'）
});
单击我