setInterval is not stopping in JavaScript

I want to make an automatic Image slider. And, when user hove over the image slider the auto slider will stop work and when leave the slide, then auto slide will start again. <div class="slider-wrapper"> <ul class="slider"> <li> <img src="https://cdn.pixabay.com/photo/2022/07/31/20/32/vintage-bus-7356817_960_720.jpg" alt=""> </li> <li> <img src="https://cdn.pixabay.com/photo/2022/04/20/00/09/flowers-7143991_960_720.jpg" alt=""> </li> <li> <img src="https://cdn.pixabay.com/photo/2022/03/26/15/17/cornelian-cherry-7093063_960_720.jpg" alt=""> </li> <li> <img src="https://cdn.pixabay.com/photo/2013/08/20/15/47/poppies-174276_960_720.jpg"… Read More setInterval is not stopping in JavaScript

August 5, 2022 MRLeave a comment

Getting the value from HTML into javascript

I’m not entirely certain if what I’m trying to do may be possible. However, <button class = "numbers" value=1>1</button> all the way to <button class = "numbers" value=9>9</button> For example, I have 1 all the way to 9, when one of these buttons were to be clicked, I want the values to be console logged.… Read More Getting the value from HTML into javascript

August 3, 2022 MRLeave a comment

Property 'item' is missing in type 'File[]' but required in type 'FileList'

I would like to put files into file type input and then in the class fetch and set. The getter looks like this and it works, but I have a problem with the setter because there is an error: "Property ‘item’ is missing in type ‘File []’ but required in type ‘FileList’". I created an… Read More Property 'item' is missing in type 'File[]' but required in type 'FileList'

August 2, 2022 MRLeave a comment

JavaScript createElement() not affecting HTML

I am following along with a tutorial to create an audio player. The index.html file has a class named audioPlayer as shown below: <!DOCTYPE html> <html> <head> … </head> <body> <div class="audioPlayer"></div> <script src="AudioPlayer.js"></script> </body> </html> The audioPlayer class is used as a querySelector in the JavaScript code below in order to attach additional elements:… Read More JavaScript createElement() not affecting HTML

July 17, 2022 MRLeave a comment

Getting jQuery selector to recognize newly-added DOM elements

I’ve searched the jQuery docs and here and can’t find an answer to my exact problem… With a DRY spirit, I want to use javascript to add a character object countdown helper to any textarea element with maxlength and aria-describedby attributes. Obviously I also need to use javascript to monitor keyup events to update the… Read More Getting jQuery selector to recognize newly-added DOM elements

July 14, 2022 MRLeave a comment

JS: Calendar in the form of table is not showing because of error Uncaught SyntaxError: Unexpected token '(' or Identifier Expected (Studio Code)

Unexpected token (, when trying to access a table through DOM. I’m trying to show the calendar if it is a certain month of the year, but JS it’s identifying my table elements. There are two possible errors: Studio Code: Identifier expected. ts(1003) Browser console: Uncaught SyntaxError: Unexpected token ‘(‘ window.onload = getDate(); function getDate()… Read More JS: Calendar in the form of table is not showing because of error Uncaught SyntaxError: Unexpected token '(' or Identifier Expected (Studio Code)

July 12, 2022 MRLeave a comment

Building a keyboard and missing onclick event

I’m building a virtual keyboard with vanillla javascript but don’t know where to add the onclick event listener to the buttons or how to grab them. I have a printKeys function that loops thru the array and prints them onload, and I have an unfinished typeKeys function where I’m trying to grab the innerhtml and… Read More Building a keyboard and missing onclick event

June 29, 2022 MRLeave a comment

How to force angular to create the property in html when using bind

I need angular to create the property in my html when I use a ‘property binding’, but angular only creates it when I write the value directly in the html. I left a very basic example on stackBlitz, a ‘button’ component that receives the primary or secondary type and depending on the type of the… Read More How to force angular to create the property in html when using bind

June 28, 2022 MRLeave a comment

Check if a DOM element node actually exists in DOM

I’m defining a function that should receive a DOM element node as a parameter. There is any efficient way to validate if the element node received actually exists in the DOM? For example if the element node received has been created through Document.createElement() but not appended to the DOM, I want the validation fails. I… Read More Check if a DOM element node actually exists in DOM

June 21, 2022 MRLeave a comment

Unexpected behavior while iterating over JavaScript DOMTokenList

I don’t quite get how iteration over a JavaScript DOMTokenList works. I guess, this is not specific for a DOMTokenList but rather for (many?) JavaScript-Objects. As you can see in the below snippet, I want to remve all classes of a div by iterating over the corresponding DOMTokenList. But only function testC() which first collects… Read More Unexpected behavior while iterating over JavaScript DOMTokenList

June 16, 2022 MRLeave a comment

Dev solutions

Solutions for development problems

Tag: dom