I am currently working on a calculator and wondered if there is a way to link keypresses to buttons so when I click a button, it simuliates the key being pressed and sends that info to the textbox. When I google, all the info I get is enabling buttons by keypresses but not the other way around. If someone cou…
Tag: dom
jQuery selector for all in a div if class includes a certain string
I would like to be able to select both of these with a single css selector: Ideally, something like “class includes ‘foo’” to capture both those images at once. I know i can use .children().last().remove() twice but I’d like to make sure my code is a bit more dynamic than that. EDIT: r…
How to use Document Object Model in TypeScript?
I’m extremely new to typescript (and JavaScript for that matter), I think I’ve mastered the fundamentals when it comes to TypeScript (variables, arrays, if/else statements etc) but I would like to add functionality to my static webpages and I can’t keep using console logs obviously. My exper…
How do you get the wider context HTML that wraps a given selector code in jQuery or Cheerio js?
How do you get the entire HTML of h1 + ul > li > details > summary + p only if it has that structure? i.e. it wouldn’t get the HTML of a ul tag element if it doesn’t have a nested li, details etc. Answer Like this?
What method to use to access multiple objects in an array?
I’m new to javascript and still learning them. So I was building a project where I want to display a multiple object, which I put it in an array, to the DOM. I am not sure what method to use to access the object inside the array. This is my js file: So I kind of want to display all
Why does jQuery select only one element when chaining .attr() in selector?
I have a simple list of links: How do I select these links with jQuery? $(‘a’) – this returns all the links How do I get all the contents of these links (“link 1”, “link 2”, “link 3″…)? $(‘a’).text() How do I get all the hrefs from the li…
Why currentTarget value is null
I am learing event.target and event.currentTarget. I think i am clear with the difference between the two. But stuck in a situation where event.currentTarget value turns out to be null. Following are the HTML and JS code snippets: HTML code JavaScript Code My doubt is that in line1 and line3 I got the value o…
Difference between HTML template content and innerHTML
Say I have an HTML <template> tag that I define and select as follows: What is the difference between these properties of the template: Answer Contrary to innerHTML, content returns a document fragment, and so you get immediate access to the DOM without an intermediate conversion to and from a string. H…
DOM change font color by using addEventListener
I am a beginner of JS and HTML. I encounter a problem with changing the font color by using addEventListener here is my part of HTML code here is my js code. the situation I encounter is when I click the color box, it pops up the Palette, and then you have to “click” again for choosing the color. …
Change Color of Icon When Hovering Over Adjacent Text With jQuery
I have seen this article but I want to change the color of the icon with JavaScript instead. Trying to write a function that changes the color of the icon and the text when the icon or the text is hovered over. I’m using the code provided in this answer to check to see if the element is hovered with