Category: JavaScript

Sometimes, we want to remove all series data from a HighCharts chart with JavaScript.

In this article, we’ll look at how to remove all series data from a HighCharts chart with JavaScript.

How to remove all series data from a HighCharts chart with JavaScript?

To remove all series data from a HighCharts chart with JavaScript, we call the remove method.

For instance, we write

while (chart.series.length > 0) {
  chart.series[0].remove(true);
}

to loop through the chart series with a while loop.

Then we get the first one with chart.series[0].

And we call remove with true to remove it.

Conclusion

To remove all series data from a HighCharts chart with JavaScript, we call the remove method.

Sometimes, we want to hide the Android keyboard using JavaScript.

In this article, we’ll look at how to hide the Android keyboard using JavaScript.

How to hide the Android keyboard using JavaScript?

To hide the Android keyboard using JavaScript, we set hide it after we focus on the input.

For instance, we write

const field = document.createElement("input");
field.setAttribute("type", "text");
document.body.appendChild(field);

setTimeout(() => {
  field.focus();
  setTimeout(() => {
    field.setAttribute("style", "display: none;");
  }, 50);
}, 50);

to call field.focus to focus on the input.

Then we call field.setAttribute with 'style' and 'display: none' to hide the field.

We do both with a delay by putting them in a setTimeout callback.

Conclusion

To hide the Android keyboard using JavaScript, we set hide it after we focus on the input.

Sometimes, we want to set an option’s selected attribute from dynamic created option with JavaScript/

In this article, we’ll look at how to set an option’s selected attribute from dynamic created option with JavaScript.

How to set an option’s selected attribute from dynamic created option with JavaScript?

To set an option’s selected attribute from dynamic created option with JavaScript, we set the selected property of the option.

For instance, we write

const country = document.getElementById("country");
country.options[country.options.selectedIndex].selected = true;

to select the select element with getElementById.

And we get the selected option with country.options[country.options.selectedIndex]

We set its selected property to true to make it selected.

Conclusion

To set an option’s selected attribute from dynamic created option with JavaScript, we set the selected property of the option.

Sometimes, we want to create a sleep or delay in Node.js that is not blocking with JavaScript.

In this article, we’ll look at how to create a sleep or delay in Node.js that is not blocking with JavaScript.

How to create a sleep or delay in Node.js that is not blocking with JavaScript?

To create a sleep or delay in Node.js that is not blocking with JavaScript, we can use a promise.

For instance, we write

const sleep = (millis) => {
  return new Promise((resolve) => setTimeout(resolve, millis));
};

const test = async () => {
  await sleep(1000);
  console.log("one second has elapsed");
};

to define the sleep function that returns a promise that calls setTimeout which calls resolve after millis milliseconds.

Then we call sleep in test with 1000 to pause for 1000 milliseconds.

Conclusion

To create a sleep or delay in Node.js that is not blocking with JavaScript, we can use a promise.