innerHtml javascript中的按钮答案

【问题标题】：button in innerHtml javascriptinnerHtml javascript中的按钮
【发布时间】：2020-12-06 02:10:51
【问题描述】：

我写了一个代码，当我向本地存储添加一些东西时显示其他代码（innerHtml）并且包括一个按钮，但是当我有 2 个东西时，显示我点击了一个和两个按钮，我应该做一次单击而不是 2 次单击，谢谢您的帮助！！

document.addEventListener("DOMContentLoaded", function(e) {
var increse = document.getElementsByClassName('right')
let productsContainer = document.querySelector(".products")
console.log(increse);
let cartItems = localStorage.getItem('productsInCart');
if (productsContainer){
    cartItems = JSON.parse(cartItems)
    Object.values(cartItems).map(item => {
        var n = item.place;
        var im = item.type;
        var pm = '';            
        console.log(increse.length);
        for (let i=0; i < increse.length; i++) {
            let button = increse[i];
            button.addEventListener('click', function() {
                console.log(button);
                if (im == 'Birthday_cakes'){
                    pm = products_1;
                }else{
                    pm = products;
                }
                console.log("click",i);
                cartNumbers(pm[n]);
                totalCost(pm[n]);
                //window.location.reload();

            })
        }
        
    })
}

});

还有那个innerHtml

Object.values(cartItems).map(item => {
        productsContainer.innerHTML += `
            <div class = "products">
                <div class = "products_button"><a href="#"><button class="remove"><i class="far fa-times-circle"></i></button></a></div>
                <div class = "products_img"><img src="Menu_photos/${item.type}/${item.tag}.jpg" height="100%" width="100%"></div>
                <div class = "price_p">₪${item.price}</div>
                <div class = "quantity_q"><span><a class="right_button" href="#"><button class="right"><i class="far fa-arrow-alt-circle-right"></i></button></a></span> ${item.inCart} <span><a class="left_button" href="#"><button><i class="far fa-arrow-alt-circle-left"></i></button></a></span></div>
                <div class = "total_t">₪${item.price * item.inCart}</div>
            </div>

        `
    })

【问题讨论】：

用语。 השאלה שלך לא מספיק ברורה וגם הקוד שלך לא ברור לי。 נסהנסהרוךמחדשחדשיףףעודיםמהקודהקודישיהיההרורמההרוצהוצהלהשגוההה

标签： javascript html css button innerhtml

【解决方案1】：

我不确定我是否正确理解了你的问题，但这是我所做的，我所理解的

function createButton() {
var div = ( document.all ) ? document.all['myDiv'] : document.getElementById('myDiv');

div.innerHTML = '<button id="btn" name="btn">Button</button>'; 
}

<html>
<head>
<title></title>
</head>
<body>
<div id="myDiv" onclick="createButton();">Click Me!</div>
</body>
</html>

【讨论】：