Javascript 未捕获引用错误：<；功能>；未在HTMLInputElement.onclick（（索引）：15）处定义

尝试在每次单击时从对象数组生成新的随机SKU，但始终收到

ReferenceError

我的做法如下：

// example of the data 

         [{sku: '101ZS536',
            price: 4.37
          },
          {
            sku: '10134QYT',
            price: 42.61
          },
          {
            sku: '10134QYT',
            price: 53.31
          },
          {
            sku: '10134QYT',
            price: 0
          },
          {
            sku: '10134QYT',
            price: 3.46
          }
        ]

---

您是否已使用

关闭
const sku=book.sku
？@SimoneRossaini这不会有什么区别。
index.js
的其余部分是什么样子的？
index.js
必须包含在
->之前请添加一个选项，这是您的问题。事件处理程序函数是在另一个函数中定义的。因此，它不是全局的，也不是通过元素属性作为事件处理程序可见的；代码没有多大意义。您正在
.forEach（）
处理程序中定义函数；即使功能是可见的，这意味着什么？每个
book
将有一个单独的函数。您是否已使用
关闭
const sku=book.sku
？@SimoneRossaini这不会有什么区别。
index.js
的其余部分是什么样子的？
index.js
必须包含在
->之前请添加一个选项，这是您的问题。事件处理程序函数是在另一个函数中定义的。因此，它不是全局的，也不是通过元素属性作为事件处理程序可见的；代码没有多大意义。您正在
.forEach（）
处理程序中定义函数；即使功能是可见的，这意味着什么？每本
书将有一个单独的函数。
//index.html

            <div class="container">
               <input type="button" id="SKUsearch" value="Search" onclick="randomSKU()" />
              <p id="message" ></p>
          </div>


//index.js
function bootRentData(bookData) {

   bookData.forEach((book) => {
    //generate random sku number

      const sku = book.sku
      function randomSKU(){
        var random = sku[Math.floor(Math.random() * sku.length)];
        document.getElementById("message").innerHTML = sku[random];
      }


      });
        wrap.innerHTML += `<tr>
                             <td>${book.sku}</td>
                             <td>${book.price}</td>
                          </tr>`
   }

Uncaught ReferenceError: randomSKU is not defined
    at HTMLInputElement.onclick ((index):15)