Author: John Au-Yeung

Sometimes, we want to hide the legend in Google Chart with JavaScript

In this article, we’ll look at how to hide the legend in Google Chart with JavaScript.

How to hide the legend in Google Chart with JavaScript?

To hide the legend in Google Chart with JavaScript, we set the legend property to 'none'.

For instance, we write

const options = {
  //...
  legend: "none",
};

to set legend to 'none' in the options object to hide the legend.

Conclusion

To hide the legend in Google Chart with JavaScript, we set the legend property to 'none'.

Sometimes, we want to force page scroll position to top at page refresh in HTML with JavaScript.

In this article, we’ll look at how to force page scroll position to top at page refresh in HTML with JavaScript.

How to force page scroll position to top at page refresh in HTML with JavaScript?

To force page scroll position to top at page refresh in HTML with JavaScript, we scroll the page to the top when the beforeunload event is triggered.

For instance, we write

window.onbeforeunload = () => {
  window.scrollTo(0, 0);
};

to set window.onbeforeunlod to a function that runs when we refresh the page.

In it, we call scrollTo with 0 and 0 to scroll to the top of the page when we refresh.

Conclusion

To force page scroll position to top at page refresh in HTML with JavaScript, we scroll the page to the top when the beforeunload event is triggered.

Sometimes, we want to go to a specific element on page with JavaScript.

In this article, we’ll look at how to go to a specific element on page with JavaScript.

How to go to a specific element on page with JavaScript?

To go to a specific element on page with JavaScript, we can use the element’s scrollIntoView method.

For instance, we write

document.getElementById("elementID").scrollIntoView();

to get the element we want to scroll to with

document.getElementById("elementID")

Then we call scrollIntoView to scroll to the element.

Conclusion

To go to a specific element on page with JavaScript, we can use the element’s scrollIntoView method.

Sometimes, we want to fix JavaScript keypress listener doesn’t detect backspace.

In this article, we’ll look at how to fix JavaScript keypress listener doesn’t detect backspace.

How to fix JavaScript keypress listener doesn’t detect backspace?

To fix JavaScript keypress listener doesn’t detect backspace, we can listen to the keydown event instead.

For instance, we write

note.addEventListener("keydown", (event) => {
  const { key } = event;
  if (key === "Backspace") {
    // ...
  }
});

to call addEventListener on the note element with 'keydown' and the event listener function to listen for the keydown event.

In the callback, we get the key pressed with event.key.

And then we check if it’s a backspace with key === "Backspace".

Conclusion

To fix JavaScript keypress listener doesn’t detect backspace, we can listen to the keydown event instead.