Wordpress Javascript setAttribute on input field

Question

I wanna set an Attribute (inputmode="numeric") on an input field with JavaScript in Wordpress. For now I have this:

(function($) {
  document.addEventListener(“DOMContentLoaded”, ()=>{
    Let numberInputs = document.querySelectorAll(‘input[type=“number”]
    
    for (let i = 0; i < numberInputs.length; i++) { 
      Let element = numberInputs[i]
      element. setAttribute("inputmode", "numeric")
    }
    })( jQuery );

It doesn't work unfortunately. Where is my mistake?

Answer 1

There are a couple errors inside your code. Here's a commented and fixed version:

(function($) {
  document.addEventListener("DOMContentLoaded", ()=>{
    /*let needs to be lowercase*/ let numberInputs = document.querySelectorAll('input[type="number"]'); // You forgot a closing quote and parenthesis. Also, the quotation marks you're using aren't actual ones
    
    for (let i = 0; i < numberInputs.length; i++) { 
      let element = numberInputs[i];
      element.setAttribute("inputmode", "numeric");
    }
})( jQuery );