如何将jquery中的一行代码转换为普通javascript?

如何将jquery中的一行代码转换为普通javascript?,javascript,jquery,html,Javascript,Jquery,Html,如何处理代码行$('#output')。在('input','dynamic Qty',函数(e){ $(“#输出”).on('input','dynamic Qty',函数(e){ 设z=e.target.dataset; console.log(z.id) console.log(this.value) var itemInvot=false; 控制台日志(购物车); 设qtty=parseInt(this.value); if(qtty){ console.log(索引+“”+value.

如何处理代码行
$('#output')。在('input','dynamic Qty',函数(e){

$(“#输出”).on('input','dynamic Qty',函数(e){
设z=e.target.dataset;
console.log(z.id)
console.log(this.value)
var itemInvot=false;
控制台日志(购物车);
设qtty=parseInt(this.value);
if(qtty){
console.log(索引+“”+value.id);
如果(value.id==z.id){
购物车[索引]。数量=数量;
itemInvot=true;
}
});
sessionstoreage['shopcart']=JSON.stringify(shopcart);
outputCart();
日志(sessionStorage['shopcart']);
});

Vanilla JS事件侦听器应该可以工作:

document.getElementById("output").addEventListener("input", function(e) {
    if (e.target.className == "dynamic-Qty") {
        //Rest of code
    }
});

Vanilla JS事件侦听器应该可以工作:

document.getElementById("output").addEventListener("input", function(e) {
    if (e.target.className == "dynamic-Qty") {
        //Rest of code
    }
});
(有效)

文档
.querySelector(“#输出>动态数量”)
.addEventListener(“输入”,函数(e){
设z=e.target.dataset;
console.log(z.id)
console.log(this.value)
var itemInvot=false;
控制台日志(购物车);
设qtty=parseInt(this.value);
if(qtty){
console.log(索引+“”+value.id);
如果(value.id==z.id){
购物车[索引]。数量=数量;
itemInvot=true;
}
});
sessionstoreage['shopcart']=JSON.stringify(shopcart);
outputCart();
日志(sessionStorage['shopcart']);
});
它可以工作)

文档
.querySelector(“#输出>动态数量”)
.addEventListener(“输入”,函数(e){
设z=e.target.dataset;
console.log(z.id)
console.log(this.value)
var itemInvot=false;
控制台日志(购物车);
设qtty=parseInt(this.value);
if(qtty){
console.log(索引+“”+value.id);
如果(value.id==z.id){
购物车[索引]。数量=数量;
itemInvot=true;
}
});
sessionstoreage['shopcart']=JSON.stringify(shopcart);
outputCart();
日志(sessionStorage['shopcart']);
});

Oh yes@ScottMarcus.Nope.错误:指定的值“null”不是有效的数字。该值必须与以下正则表达式匹配:-?(\d+\d+\.\d+\.\d+)([eE][-+]?\d+)?这是您的代码的一个问题-我的代码是您想转换为vanilla JS的代码的一行。谢谢。我还认为我的代码有问题。哦,yes@ScottMarcus.Nope。错误:指定的值“null”不是有效的数字。该值必须与以下正则表达式匹配:-?(\d++\d++.\d++.\d++.\d+([eE][-+]?\d+)这是你的代码的一个问题-我的代码是你想转换成vanilla JS的代码的一行。谢谢。我还认为我的代码有问题
document
    .querySelector('#output > .dynamic-Qty')
    .addEventListener("input", function(e){
        let z = e.target.dataset;
        console.log(z.id)
        console.log(this.value)

        var itemInCart = false;
        console.log(shopcart);
        let qtty = parseInt(this.value);
        if(qtty<0) {qtty = 0;this.value=0;}


        shopcart.forEach((value, index) => {
            console.log(index + ' ' + value.id);
            if (value.id == z.id) {
                shopcart[index].qty= qtty;
                itemInCart = true;
            }
        });

        sessionStorage['shopcart'] = JSON.stringify(shopcart);
        outputCart();
        console.log(sessionStorage['shopcart']);

    });