I wrote this code and now i'm stuck with this error
TypeError: Cannot read properties of null (reading 'innerHTML')
this is script file
displayCart(cart);
function displayCart(cart) { //cart is perameter actually
var cartString = "";
cartString += "<h5>This is your cart</h5>";
var cartIndex = 1;
for (var x in cart){
cartString += cartIndex;
console.log(document.getElementById("nam" + x).innerHTML +" | " + "Qty:" + cart[x] );
cartString += document.getElementById("nam" + x).innerHTML +" | " + "Qty:" + cart[x] + "</br>" ;
cartIndex +=1;
}
}
thank you
The error is self explanatory, the error happened while trying to execute this part of the code
document.getElementById("nam" + x).innerHTML, which means the element with id "nam" + x does not exist.
I cannot help further as i don't know what cart is or without looking at your html.
Consider logging "nam" + x and check if an element with that ID exists in the html where you're running the script