How to convert one line of code from jquery to vanilla javascript?

Question

What to do with the line of code $('#output').on('input ','.dynamic-Qty', function(e){

$('#output').on('input ','.dynamic-Qty', 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']);

});

https://stackoverflow.com/a/33015903/3037257 – Pranav C Balan Apr 04 '19 at 11:35 — Pranav C Balan, Apr 04 '19 at 11:35

Jack Bashford · Accepted Answer · 2019-04-04T11:37:54.030

2

Vanilla JS event listener should work:

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

edited Apr 04 '19 at 11:37

answered Apr 04 '19 at 11:35

Jack Bashford

38,499
10
36
67

Oh yes @ScottMarcus. – Jack Bashford Apr 04 '19 at 11:37
Nope. Error : The specified value "null" is not a valid number. The value must match to the following regular expression: -?(\d+|\d+\.\d+|\.\d+)([eE][-+]?\d+)? – Lyuba Ivanova Apr 04 '19 at 11:47
That's an issue with your code - mine is a transpilation of the line you wanted to turn into vanilla JS. – Jack Bashford Apr 04 '19 at 11:48
Thank you. I also thought that something was wrong with my code – Lyuba Ivanova Apr 04 '19 at 11:50

score 0 · Answer 2 · answered Apr 04 '19 at 11:37

It works)

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']);

    });

How to convert one line of code from jquery to vanilla javascript?

2 Answers2