我收到一个未捕获的类型错误：无法设置 null 的属性“onclick”

Question

// insert value using add buttons

btnadd.onclick= (event)=>{
    
let flag = bulkcreate(db.products, {
        
custname: custname.value,
        
items: items.value,
        
name: proname.value,
        
seller: seller.value,
        
price: price.value
 
   });
}

当我写这段代码然后在控制台给出一个错误是 main.js:25 Uncaught TypeError: Cannot set property 'onclick of null 为什么这个错误来了请帮我找到一个解决方案

Answer 1

这是因为您需要创建按钮，获取对它的引用，然后将其传递给您的代码

在你的 html

<button type="button" id="btn_add">Add</button>

然后是你的 JS，考虑在页面加载事件中使用它：

var btnadd = document.getElementById("btn_add");

btnadd.onclick= (event)=>{
    
let flag = bulkcreate(db.products, {
        
custname: custname.value,
        
items: items.value,
        
name: proname.value,
        
seller: seller.value,
        
price: price.value
 
   });
}