我創建了一個<div>s 的 4x4 網格,您可以在其中單擊單元格,瀏覽器會提示您輸入數字。如果輸入文本,文本將顯示在您剛剛單擊的網格中。我讓它與以下代碼一起工作:<div onclick="this.innerHTML=prompt('Enter a number')"></div>但是,當我嘗試將此功能實現為以上述代碼為模型的函數時,我無法從提示中獲取要放入 innerHTML 屬性中的輸入。這是我試過的:function setText() { this.innerHTML=prompt('Enter a number');}似乎有問題this.innerHTML。有誰知道如何this在函數中工作?我想this引用<div>觸發 onclick 事件的,但它似乎沒有這樣做。這是我寫的 HTML、CSS 和 Javascript:function setText() { this.innerHTML=prompt('Enter a number');}* { margin: 0; padding: 0;}section { display: flex; height: 100vh; justify-content: center; align-items: center; background-color: lightblue;}.grid { display: grid; gap: 2px; grid-template-columns: repeat(4, 12vw); grid-template-rows: repeat(4, 12vw); font-size: 8vw;}.grid div { background-color: green; display: flex; justify-content: center; align-items: center; color: white;}<section> <div class="grid"> <div onclick="setText();"></div> <div onclick="this.innerHTML=prompt('Enter a number')"></div> <div onclick="this.innerHTML=prompt('Enter a number')"></div> <div onclick="this.innerHTML=prompt('Enter a number')"></div> <div onclick="this.innerHTML=prompt('Enter a number')"></div> <div onclick="this.innerHTML=prompt('Enter a number')"></div> <div onclick="this.innerHTML=prompt('Enter a number')"></div> <div onclick="this.innerHTML=prompt('Enter a number')"></div> <div onclick="this.innerHTML=prompt('Enter a number')"></div> <div onclick="this.innerHTML=prompt('Enter a number')"></div> <div onclick="this.innerHTML=prompt('Enter a number')"></div> <div onclick="this.innerHTML=prompt('Enter a number')"></div> <div onclick="this.innerHTML=prompt('Enter a number')"></div> <div onclick="this.innerHTML=prompt('Enter a number')"></div> <div onclick="this.innerHTML=prompt('Enter a number')"></div> <div onclick="this.innerHTML=prompt('Enter a number')"></div> </div><section>任何幫助將不勝感激。
為什么我的“this.innerHTML=prompt('Enter a number')”
九州編程
2023-01-06 15:47:12