Questions tagged [ecmascript-6]
ECMAScript 6 reached feature complete status in 2014. The features vary widely from completely new objects and patterns to syntax changes to new methods on existing objects.
540
questions
5
votes
1answer
22 views
Stack Exchange rᴇviᴇw queue notifications
A couple of days ago a user in chat asked us to spend more time in the queues. Kick starting my desire to get notifications for new items in the queues.
Reviewing the queues has been something I've ...
1
vote
1answer
23 views
Showing form on btn click - preventDefault of submit btn, then remove listener
I've built out a section on a page that contains multiple instances (why I'm using querySelectorAll()) of this Request Brochure form. They are using Campaign ...
5
votes
3answers
242 views
Sudoku game in JavaScript
PHP coder here. Learning JavaScript this week. I made a sudoku game for practice. Features:
Import puzzles by pasting a text string.
Imported squares are gray. Your squares are white.
Program doesn't ...
1
vote
2answers
94 views
Javascript Anime Support Switch Statement for .animate() Api
This is a revision of a previous question that I asked (i.e. Check browser compatibility for RequestAnimationFrame and Vanilla JavaScript .animate() API), with new aspects that I have learnt in ...
4
votes
2answers
48 views
A function to split an string of alphabets and numbers into arrays and sort them respectively
if I have a string AYUKB17053UI903TBC. I want a function to return ABKUY01357IU039BCT. So every alphabetical part of the string ...
0
votes
1answer
56 views
How to simplify this ES6 Array code
I'm just wondering Is there any ways I could simplify the following code without making it too difficult:
Actually I want to extract specific year data from content node based on lastNumberOfYears ...
3
votes
1answer
125 views
NodeJS CLI script to create React apps
Background
I crated a CLI tool which executes an npm command (to create a react app) and modifies the contents of the generated files. It was a practice attempt at ...
4
votes
1answer
89 views
Using async / await with dynamic import() for ES6 modules
I am experimenting with the best way to standardise my dynamic import() expressions when importing javascript modules.
import() ...
3
votes
1answer
58 views
Swapping Nibbles
I have small (<250 bytes) chunk of binary data, where I know that almost always, the first nibble is going to be zero 0. For example, in hex:
...
3
votes
1answer
55 views
Most performant way to check if elements are overlapping [closed]
I know you can calculate if an element is overlapping another by comparing the top|bottom|right|left properties within the getBoundingClientRect method. However, you need to loop through the elements ...
2
votes
1answer
46 views
Rewrite of Array.join
While rewriting Array so I can practice my javascript, I looked at my implementation of .join(). It seems a little clunky to me.
...
5
votes
1answer
83 views
Program for calculating and ranking scores
Would love feedback on a vanilla JS challenge I've recently completed. It is a method for calculating and ranking scores.
If possible, I would love to make it better. Any suggestions welcome.
...
4
votes
2answers
70 views
Transform an object into another object structure
I've got such an input object, which I should modify in order to use it with some charts library.
...
0
votes
0answers
22 views
Small global state handler in React using hooks
I've been working in React for a while now and I decided to try out my knowledge in hooks by creating a small global state manager using said hooks. This is what I came up with:
index.js
...
3
votes
1answer
82 views
3
votes
2answers
114 views
Rock Paper Scissors game- JavaScript
This is a console version of the famous Rock Paper Scissors game part of The Odin Project curriculum. Please review this code and provide suggestions. Please comment whether the code is DRY and if it ...
5
votes
2answers
141 views
Frequency Queries (Hackerrank)
This is the problem:
You are given queries. Each query is of the form two integers described below:
1 x: Insert x in your data structure.
2 y: Delete one occurrence of y from your data ...
3
votes
2answers
67 views
Encode/decode number pairs to letters
My application state is represented by a string of numbers and I'm trying to encode the string so that it is as small as possible (ie. fewest number of characters). An example string would be: ...
4
votes
1answer
36 views
Efficient way to efficiently merge arrays of objects in JavaScript
I have the below scenario where I am trying to merge two arrays of objects.
The current code works, but I am looking for a more efficient way.
...
5
votes
1answer
82 views
Javascript To Do Application
I've created a simple JS 'To Do List' application. I'm very new to JS and this is the first JS project I have done. I would greatly appreciate any feedback on how to make the code more efficient, ...
4
votes
1answer
134 views
Disabling a form button while there's an http request running
I have a form built with react, formik and yup, and this form has some async validations. Apparently, some users were able to bypass these validations, and to prevent some errors, I wanted to disable ...
6
votes
1answer
118 views
Recursive component JSON configuration builder
My goal here is to make data driven nested forms in React. I've created a function that points to a form configuration JSON, which can contain both components and references to other configuration ...
4
votes
2answers
220 views
Blogging application with Codeigniter back-end and AngularJS front-end
I am working on a blog application with Codeigniter 3.1.8 and AngularJS v1.7.8.
The Dashboard of the application is "pure" Codeigniter, with Models, Controllers, and views, while the fronted is made ...
4
votes
2answers
126 views
Alternative code to classes in Javascript?
I'm new to JavaScript and came across classes in ES6. Though they are great, I don't want to learn something that can be done in other ways. So, I created this code that does somehow similar job to ...
1
vote
0answers
41 views
ES6 Class for getting GitHub PR info
I was learning some DOM manipulation and interaction with third-party APIs by building a simple interface to get the people who commented on a PR on GitHub.
I got great feedback for my initial ...
1
vote
1answer
32 views
2
votes
1answer
68 views
Modern HTTP-Requests for login/register system
I am working on a login/register system and want the register and log in process as smooth as possible. One way of making it smoother is in my opinion to make a multi-step login/register.
What I ...
6
votes
0answers
103 views
Node.JS Protobuf socket client with TLS support
I'm working with one environment which allows me to execute node.js code from single file without installing additional modules. My task is to write simple ssl socket client which will send protobuf ...
5
votes
2answers
99 views
Simple replacement for Redux in ES6
The idea about this code is that it's a full replacement of Redux — in 22 lines of code.
...
1
vote
1answer
28 views
Bidirectional numeric (floating point) sequence iterator
I wanted a neat iterator that will always give me neat sequence of step spaced numbers. This is what I came up with, but I am a bit skeptical that I covered all ...
4
votes
2answers
203 views
Process strings of operations
This was the task (I don't know the exact wordings anymore):
You get a string with operation as input:
if it is a number push it to stack
if it is "DUP", then duplicate the one one top ...
6
votes
2answers
154 views
Turtle Doodle (my first web app)
Turtle Doodle presents several panels which arrange themselves responsively. There is a canvas where the Turtle will move, leaving a paint trail behind him. A control panel allows various commands to ...
-2
votes
1answer
40 views
I was given an assignment on writing a javascript ES6 program for vehicles. Am I writing this correctly? Any advice or tip? [closed]
I'm taking an online course in website development and we're going over JavaScript ES6, but my professors lecture and notes I've taken we're not very helpful more resourceful with the assignment I was ...
3
votes
2answers
96 views
Health Test App, It Returns a Score Based on the Answers Given
Here is my parent component: App.vue. I was wondering what improvements I could make to the code here.
Application Description
This application was built off the Vue.js framework and utilizes a
...
2
votes
1answer
83 views
Loading KML files into leaflet Javascript map
This is working code for input KML files into leaflet map
...
8
votes
3answers
668 views
Weapon class firing logic in JavaScript
I'm making a program to compare Borderlands 3 weapon damage over time in a graphic. There's still some work to be done, like implementing elemental damage, but I'd like to know if I'm doing a good job ...
9
votes
2answers
283 views
“Block a website” script with vanilla JavaScript
I use this script to block access to a one or more websites with vanilla JavaScript. I find that it helps me avoid some addictive news websites that make me depressed. (Credit to Marat Tanalin for ...
1
vote
0answers
26 views
Promise-based AJAX calls base class
I am more than willing to use both a Promise library and an AJAX calls one if the situation calls for it. This base class sits at the very bare bones of my system and it needs to be done right.
My ...
4
votes
2answers
110 views
An ES6 array of numbers - Double last number, delete the first number
I'm writing a JavaScript function for an array, based on a geographic sequence. \$[1, 2, 4, 8, 16]\$, etc.
This function needs to populate the next number in the sequence
$$item_n = item_{n-1} * ...
7
votes
2answers
176 views
eCommerce Mockup App in JS
I have completed this mockup eCommerce app using Javascript. This version can add products into a shopping cart and automatically calculate the order summary in the shopping cart. It can also delete ...
6
votes
1answer
125 views
Simple input class change with vanilla JS
I am just testing how I solved simple stuff.
Goal: The aim is to expand the width of an input and collapse it.
When mouseover ...
3
votes
2answers
74 views
A basic trivia app
The app grabs 10 questions from an API, displays them one by one with 4 multiple choice answers. These answers are clickable buttons that alert to whether the answer is correct or not. Finally the ...
1
vote
1answer
70 views
Flattening the nested Objects
The original idea behind the problem is that the API I'm working with returns one type of a response for GET, and requires another type to do ...
4
votes
1answer
50 views
JavaScript HTML DatePicker
I'm still new in javascript and learning. I want to create a date picker using html and javascript. Below is what I have tried and it's working, so my question is "how can I do it better?" My idea is ...
8
votes
5answers
756 views
Expanding powers of expressions of the form ax+b
I solved the following problem:
Write a function expand that takes in an expression with a single, one character variable, and expands it. The expression is in the form ...
1
vote
1answer
56 views
3
votes
2answers
132 views
Sort, slice and rebuild new object with array data
I'm using the matomo reports api to pull out some data in js.
For some charts, I'm in the need to sort the array data based on inner property value ("val"), further to get only the 3 highest (Hong ...
0
votes
0answers
23 views
Multiple animation control using Vanilla JS ES6
What I'm doing
Divide members into five section, and apply animation for each member to reveal at first.
When I click the section, it is expanded to whole viewport and introduce detail about ...
4
votes
1answer
78 views
Event triggers for animations using vanilla ES6
I'm new to JS and wanna know right code style or approach to cod Vanilla JS using ES6. To practice this, I'm using ESLint JS code-style of AirBnb and referencing clean-code-javascript repo. However, I ...
0
votes
0answers
46 views
How to filter URL from the array list based on the string name with regExp?
The solution found to filtering pathname with customising current normalizeTme() function. For sure it is not the ideal way of ...
