I think what you are experiencing is a log of an object that is then changed by the time you review it - browsers may display a reference to the actual object, meaning if you change it then look in the console you'll open it and see the updated object not the object at the point you logged it
hello - can anyone help me find a solution for a google maps question - ? i am trying to see how i can have a user enter their address and see if they are in a service area of a map, if so then i need to redirect them to the page that correllates to which part of the map their address is in
Hello everybody, I have a problem with my freecodecamp technical documentation page. I tried doing it using CSS Grid, and I want the navbar to be at the top of the page, the main-content below it, all in a single column when using media query, but I fail to do it. I think the problem is that position: fixed; in the #navbar disables the grid layout. Sorry if the question is stupid, but I would be very thankful for any help. https://codepen.io/mantas2/pen/JeLWxW
Hey guys! I've got a problem.
I've created a simple function that reads the price of an item and adds it to the "total price" section. The problem is that it reads the price of only one item. How can I modify it so it will read the price of all of the items (when the button has been clicked it reads the price of nearby div, not the first one).
Here is the example: https://codepen.io/tomaff/pen/oQQego
I want it to add 9.90 when clicked inside the div with 9.90, 15.30 when clicked inside the div with 15.30 and so on.
let data = {
breakLength: 0,
sessionLength: 0,
sessionTimer: 0,
incrementTimer: () => {
console.log(data.sessionTimer = data.sessionTimer + 1);
data.sessionTimer >= 60 ? data.sessionTimer = 0 : data.sessionTimer;
},
activateTimer: () => {
let startTimer = setInterval(data.incrementTimer, 1000);
startTimer;
},
resetTimer: () => {
clearInterval(data.activateTimer);
data.sessionTimer = 0;
}
};
document.querySelector('.start').addEventListener('click', function (e) {
data.activateTimer();
})
document.querySelector('.stop').addEventListener('click', function () {
clearInterval(data.activateTimer);
})
document.querySelector('.reset').addEventListener('click', function () {
data.resetTimer();
})
I cannot get the timer to stop on click, the clear interval is not working can anyone help me as to why? I put the set interval into a variable but it still does not work.
It's not throwing up any errors which is making it more awkward to debug
@KUBIX90 You simply have to save the timer id then use it to clear the timer. This should work
let data = {
breakLength: 0,
sessionLength: 0,
sessionTimer: 0,
timerId: null, // declare the timer id here
incrementTimer: () => {
console.log(data.sessionTimer = data.sessionTimer + 1);
data.sessionTimer >= 60 ? data.sessionTimer = 0 : data.sessionTimer;
},
activateTimer: () => {
data.timerId = setInterval(data.incrementTimer, 1000); // save the timer id
},
resetTimer: () => {
clearInterval(data.activateTimer);
data.sessionTimer = 0;
}
};
document.querySelector('.start').addEventListener('click', function (e) {
data.activateTimer();
})
document.querySelector('.stop').addEventListener('click', function () {
clearInterval(data.timerId); // clear interval using timer id
})
document.querySelector('.reset').addEventListener('click', function () {
data.resetTimer();
})
Can someone help with an issue in building a landing page?
I made the top half of my page using css grid, and the rest more or less with flex-box. But now I want the header which is part of the grid to stay sticky throughout the whole page
so far I have mad it 'position: sticky' 'top:0'
that helped, but it only makes it sticky in the grid section
here is a codepen:
Hello! Can I please ask you for a help with this challenge? https://learn.freecodecamp.org/javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/smallest-common-multiple/ It passes the tests except two last https://jsbin.com/gavabefuvo/edit?js,console
Has to do something with incrementing the value of multiple
Hopefully thats better
Basically i can't get the numbers to format correctly, they need to be two digits e.g. 01:05 instead of 1:5.
The convertTwoDigit function seems to work OK but can't get it to output to the DOM properly.
i am facing a problem in my react-redux application. I am trying to extract elements using
forEach loop from an array which is present in state but html view only get updated when i switch to another route and come back to same route. i want view to get updated without changing route. Anyone know solution?
minus the semi colon typo
although the above doesnt seem to work for some reason