Otherwise its not executed so whatevers inside of it isnt ran either.
If you're interested this is how transpilation works
BTW I like the minimalist design of your calc, goodjob!
Can you also tell me the difference between using
class Calc {
static sum;
static operatorMemory;
static reset() {
Calc.sum = undefined;
Calc.operatorMemory = undefined;
}
}and using a object like this
const calc = {
sum,
operatorMemory,
reset: function reset() {
this.sum = undefined;
this.operatorMemory = undefined;
}
}I am confused when to use which
Honestly, this is more subjective question - many will tell you to use the first one, others will tell you to use the second one as there is no correct answer and both are different design pattern
I personally like to use the first one since it feels more ergonomic to me.
just a different way of writing things without any application difference?
the first one with the class is called a singleton and the second one is called an object literal, right?
When i searched online, I came across these terms
just wanted to make sure my understanding of the terms are correct
@siliconchild So you're essentially starting to dive into the realm of JS Prototyping. And when you "use" the class directly without creating a
new one, you are using class/static methods, whereas when you create a new instance you have access to its prototype/instance methods.
like Array.isArray() vs Array.prototype.find()
can some one point out possible causes
Functions such as being able to do 2+4=(6 )*2 and get 12. ie to use equate in between works on my local server but not on codepen
another functionality is when user does 2+4=(6 ) and then enters a new number the calculator resets itself, this too works on local server and not on codepen
another functionality is when user does 2+4=(6 ) and then enters a new number the calculator resets itself, this too works on local server and not on codepen
link to code https://codepen.io/siliconpen/full/pqogNy
I have used this function to initiate the app
class Event{
........
........
static init() {
document.addEventListener("DOMContentLoaded", function () {
Event.captureInput();
});
}
Event.init();on my local server this doesn't fire and i have to manually run Event.captureInput() in my console to get it woring, on codepen though it works fine
Hello everyone,
in a responsive layout which is arranged by using flexbox, how would I achieve an element to span 100% width, like in the following example?
I want my red background of the ul to span across the whole length in responsive mode.
(Math.pow(10,16) - 1); // 10000000000000000
One way to resolve this would be using string instead of a number.
@bradtaniguchi I was hoping the fetches would internally all be handled via a single http request (in the case of all idempotent/non-POST-methods). It appears I need to abstract this away myself as it's not internal to the browser/spec/etc? The previous sample was:
Promise.all[fetch('/'),fetch('/'),fetch('/')]).then(console.log) which again I was expecting as a single-request
sorry not callback, but rather promise is resolved/rejected
But that is a layer of abstraction above how the actual http-requests are sent/build
this would be an unknown path at runtime: the scenario is when I look at dom events and arbitrarily start debugging from an event (breakpoint I conditionally added)
