Category: JavaScript

Sometimes, we want to convert relative path to absolute using JavaScript.

In this article, we’ll look at how to convert relative path to absolute using JavaScript.

How to convert relative path to absolute using JavaScript?

To convert relative path to absolute using JavaScript, we can use the URL constructor.

For instance, we write

const url = new URL("../mypath", "http://www.example.com/search").href;

to create a new URL object with the relative path and the base path.

Then we get the absolute path with href.

As a result, url is 'http://www.example.com/mypath'.

Conclusion

To convert relative path to absolute using JavaScript, we can use the URL constructor.

Sometimes, we want to save a file on disk in a Chrome extension with JavaScript.

In this article, we’ll look at how to save a file on disk in a Chrome extension with JavaScript.

How to save a file on disk in a Chrome extension with JavaScript?

To save a file on disk in a Chrome extension with JavaScript, we can use the chrome.downloads.download method.

For instance, we write

const url = "https://picsum.photos/200/300";

chrome.downloads.download({ url }, (downloadId) => {
  console.log(downloadId);
});

to call chrome.downloads.download with { url } and a callback that runs when the download starts.

We download the file at the url.

Conclusion

To save a file on disk in a Chrome extension with JavaScript, we can use the chrome.downloads.download method.

Sometimes, we want to run a Node.js script from within another Node.js script with JavaScript.

In this article, we’ll look at how to run a Node.js script from within another Node.js script with JavaScript.

How to run a Node.js script from within another Node.js script with JavaScript?

To run a Node.js script from within another Node.js script with JavaScript, we can use the child_process module’s fork function.

For instance, we write

require("child_process").fork("some_code.js");

to call fork with the path of the script we want to run to run it.

Conclusion

To run a Node.js script from within another Node.js script with JavaScript, we can use the child_process module’s fork function.

Sometimes, we want to listen for resize on div element with JavaScript.

In this article, we’ll look at how to listen for resize on div element with JavaScript.

How to listen for resize on div element with JavaScript?

To listen for resize on div element with JavaScript, we can use the resize observer.

For instance, we write

const resizeObserver = new ResizeObserver((entries) => {
  entries.forEach(console.log);
});
resizeObserver.observe(document.getElementById("ExampleElement"));

to create the resizeObserver object with the ResizeObserver constructor.

We call it with a callback that runs when the element we’re observing is resized.

Then we call observer with the element that we want to watch for resizing for.

Conclusion

To listen for resize on div element with JavaScript, we can use the resize observer.

To get element by ID and set the value with JavaScript, we make sure the element is loaded before we try to set its value.

For instance, we write

<input id="id" type="text" value="" />

to add an input.

Then we write

const setValue = (id, newValue) => {
  const s = document.getElementById(id);
  s.value = newValue;
};

window.onload = () => {
  setValue("id", "Hello there");
};

to call setValue in the window.onload method to make sure the input is loaded before we set the value.

In setValue, we get the element with getElementById.

Then we set its value to newValue.