All Questions
Tagged with javascript event-handling
221
questions
1
vote
1
answer
42
views
Listening to bootstrap 5 events in a vuejs application
Starting out with VueJS, making a small fun project. The project is a simple static portfolio website, with a navigation bar at the top and a bootstrap scrollspy, jumping to the different sections (I ...
4
votes
3
answers
165
views
Get the contents of a table cell for all selected rows
I have a table of user info. When you click the button, I want to get the email address from each selected row, output into a comma-separated string.
I got it to work with the following code, but I'm ...
4
votes
2
answers
419
views
Detecting when a user stops typing
I wanted to detect when a user stops typing. I encountered this answer from SO (Not the selected answer, but the second one which seem to be better):
https://stackoverflow.com/a/5926782/17746636
But I ...
2
votes
0
answers
71
views
To-do list application
I use a lot of for loops and I think it slows the code down a lot but I have no idea how else this code could be written. Its for a to-do list app and each ...
0
votes
1
answer
70
views
JS "Tabs" element
How can this be improved?
I'm looking particularly at the twice repeated tabButtons.forEach(button => {
...
4
votes
1
answer
538
views
Setting all hidden fields based on id
I am working on a web page where there is a checkbox with a value and a hidden field. I want to ask your opinion on whether this logic is sound.
My logic
The checkbox has a value that matches the id ...
2
votes
1
answer
945
views
Animating GIF on hover in Javascript
I don't know JavaScript and it's safe to say this is my first code ever written in JS.
I just needed to animate my GIFs when user hovers over them only.
Googling separate concepts such as "string ...
0
votes
1
answer
160
views
Range slider show/hides and reset (vanilla js)
I have a HTML5 range slider. i.e. ...
0
votes
1
answer
280
views
Updating active cards dynamically added by API
I am making a website where you can search through all the countries in the world. Once you have found a country you want more detail about you should be able to click and view a detailed page with ...
3
votes
1
answer
369
views
Javascript array from IP address
I want to make this code better. It works now but I think it can be better. I have a working sample on jsfiddle.
When the page loads I have the End IP Address disable until the data is entered. Then I ...
1
vote
2
answers
168
views
Javascript - On mouseup check if any of the parents has/includes specific id
On my page I have a mouseup eventlistener on document. I want to be able catch if the clicked elements has a specific ...
1
vote
1
answer
162
views
list of games to open radar match in iframe on for drop-down controls
In general my page is slow and has several points in the code that I believe can be improved, even in relation to the structure used. Anyway, the biggest problem is:
The page I'm creating is very ...
3
votes
2
answers
103
views
Javascript (ES11) Event System implementation
So I decided to implement a basic event system in JavaScript.
My goal was to support the following functions:
on - allows the user to register a handler on the ...
3
votes
2
answers
87
views
Limit second <select> options based on the first <select>
I want to see if there's a better way to write this code, solely in Javascript.
There are two kinds of sets, the first set (C7, T7, C11, T11) have four options in the first select, and then up to two ...
2
votes
1
answer
320
views
To-do app front-end in Vue 3
I have put together a To-do Application with the Slim framework on the back-end (API) and a Vue 3 front-end. I added a demo on my YouTube channel.
In the main App.vue file I have:
...
4
votes
2
answers
982
views
Vue.js checkout stepper
I have made this small checkout stepper with Vue (v 2.x.x):
...
1
vote
1
answer
317
views
dispatch event listener problem after click
My code is working fine...
but I want to remove below those(1) lines of code from my example code(2) (JS Code). If I remove those code then a tag is not working. (a tag do not open link or href is not ...
2
votes
1
answer
336
views
JavaScript copy-to-clipboard class
I am have made a small copy-to-clipboard script.
I have made a method called copyToClipboard that does the following:
create an input box;
read the content of an ...
4
votes
1
answer
93
views
Javascript Pub/Sub
Here is a short pice of code that suppose to work as Pub/Sub or EventDisptacher of some sort.
I only do code in JS a few times a year, so hence I'm asking for your time. Right now I'm working on ...
2
votes
1
answer
226
views
Carousel Using Vanilla Javascript
As a beginner project, I've start working on this carousel slider that would slide through an image and a testimonial on click.
The number of images and content slides would always be the same number. ...
3
votes
1
answer
168
views
Submitting form jQuery checkboxlist
In my requestForm submit function I have this logic that checks three checkboxes and then displays the label with an error message. Is there better logic? I would be happy for any kind of feedback ...
9
votes
2
answers
519
views
Flex panels in CSS and JS
I was following Wes Bos JS 30-day challenge, so HTML and CSS are mostly are copy-paste,
I'd like feedback on JS (mostly).
Thanks.
...
9
votes
2
answers
711
views
Animated Calendar using HTML + CSS + JS
I'm a beginner developer and I'm building a calendar for smartphones. I'm using HTML, CSS and JS. I'm not entirely done with the project yet, however, I have the feeling that I'm making a messy code. ...
2
votes
1
answer
406
views
Infinite Slider Conversion to Prototype
I've found the following example of an infinite slider to use on a project but as I will have multiple instances I have converted it to a prototype.
The original example
https://medium.com/@...
2
votes
1
answer
179
views
Multiple audio player - arrow keys & space
I am creating a VueJS component of an audio player.
I am having some difficulties in finding the ideal way to get the arrow keys and space bar to work.
I have found a solution, however I think it is ...
1
vote
2
answers
100
views
Javascript to-do application for native Javascript
I did a simple to-do application for native Javascript. This is my first time, previously I used only jQuery. What recommendations would be useful?
https://codepen.io/denibudeyko/pen/MWyEmox
...
1
vote
0
answers
55
views
Dynamic adding and removing div elements using event streams (eventlistners)
I has div block feedList which contains feedItems. Now to fill ...
0
votes
1
answer
63
views
Cleaning up Javascript event listener that manages game-loop
As I added more features to my chess game, such as an endgame screen. I eventually ended up having a lot of duplicate code, and complex logic with lots of nested if statements in loops. The usual ...
2
votes
2
answers
454
views
jQuery form.find radio class
In my application we have four inputs that are radio controls and the first radio control is checked by default. When the user selects another radio control and then saves the form I want to get the ...
3
votes
1
answer
1k
views
Summing CSV files row by row using Node.js events
I need to read multiple CSV files that have the same number of rows, and compute some results for each row. For simplification purposes, and in the scope of this code review, this computation would be ...