Currently, I am trying to register an event listener with the original JavaScript, but it seems that "addEventLester" itself is not recognized as a function.
The original object was an HTML element, where varisbn= document.getElementsByName("isbn"); was written.
When I checked Object.values(isbn); to see if the element has been retrieved, it seems that the element has been retrieved successfully.
The code is as follows:
window.addEventListener('DOMContentLoaded', function(){
varisbn = document.getElementsByName('isbn');
console.log (Object.values(isbn));
getBookData(isbn);
}, false);
function getBookData(element){
element.addEventListener('change', function(){
// processing
}, false);
}
And the HTML elements you are getting are as follows:
<input type="number" class="form-control" name="isbn" maxlength="13" value="placeholder=""required>
javascript
The return value for the getElementsByName method is NodeList object.
The getElementsByName(name) method takes a string name, and must return a live NodeList containing all the HTML elements in that document that have a name attribute which is equal to the name argument (in a case-sensitive manager), in tree order.
The Therefore, in order for the question text to work, you must perform a process to apply the Note: Node interface inherits the EventTarget interface [2], but the NodeList interface does not inherit the EventTarget interfaceaddEventListener method to each NodeList object.window.addEventListener(
"DOMContentLoaded",
function(){
varisbn= document.getElementsByName("isbn");
getBookData(isbn);
},
false
);
function getBookData(element){
element.forEach(e=>{
e.addEventListener(
"change",
function(){
console.log(e.value);
},
false
);
});
}<input type="number" class="form-control" name="isbn" maxlength="13" value="placeholder=""required>
© 2024 OneMinuteCode. All rights reserved.