The Web Dev

Sometimes, we want to get the body’s content of an iframe in JavaScript.

In this article, we’ll look at how to get the body’s content of an iframe in JavaScript.

How to get the body’s content of an iframe in JavaScript?

To get the body’s content of an iframe in JavaScript, we can use the iframe’s contentDocument property.

For instance, we write

const iframe = document.querySelector("#id_description_iframe");
const iframeDocument = iframe.contentDocument || iframe.contentWindow.document;
const iframeContent = iframeDocument.querySelectorAll("#frameBody");

to select the iframe with querySelector.

Then we get the DOM object of the iframe’s content with

const iframeDocument = iframe.contentDocument || iframe.contentWindow.document;

And then we use querySelectorAll on the iframeDocument to select the elements we want from the iframe’s contents.

Conclusion

To get the body’s content of an iframe in JavaScript, we can use the iframe’s contentDocument property.

Sometimes, we want to round up a number in JavaScript.

In this article, we’ll look at how to round up a number in JavaScript.

How to round up a number in JavaScript?

To round up a number in JavaScript, we can use the Math.round method with the toFixed method.

For instance, we write

const n = (Math.round(price * 10) / 10).toFixed(2);

to multiply price by 10.

Then we call Math.round to round the number.

And then we divide the rounded by 10 return the number rounded up to the nearest 10.

And then we call toFixed with 2 to return a string with the numbered rounded to 2 decimal places.

Conclusion

To round up a number in JavaScript, we can use the Math.round method with the toFixed method.

Sometimes, we want to fix Yarn global command not working with JavaScript

In this article, we’ll look at how to fix Yarn global command not working with JavaScript.

How to fix Yarn global command not working with JavaScript?

To fix Yarn global command not working with JavaScript, we add the return value of yarn global bin to the PATH environment variable.

To do this, we add

export PATH="$PATH:$(yarn global bin)"

to the ~/.bash_profile file to load the Yarn’s global package folder into the PATH environment variable.

Conclusion

To fix Yarn global command not working with JavaScript, we add the return value of yarn global bin to the PATH environment variable.

Sometimes, we want to execute shell command in JavaScript.

In this article, we’ll look at how to execute shell command in JavaScript.

How to execute shell command in JavaScript?

To execute shell command in JavaScript, we can use child_process module’s execSync function.

For instance, we write

const { execSync } = require("child_process");
const output = execSync("ls", { encoding: "utf-8" });
console.log(output);

to call execSync with 'ls' and an object with the encoding to run the ls command and set the encoding of the output to Unicode.

Then we get the output of the command returned.

Conclusion

To execute shell command in JavaScript, we can use child_process module’s execSync function.

Sometimes, we want to replace all non alphanumeric characters, new lines, and multiple white space with one space with JavaScript.

In this article, we’ll look at how to replace all non alphanumeric characters, new lines, and multiple white space with one space with JavaScript.

How to replace all non alphanumeric characters, new lines, and multiple white space with one space with JavaScript?

To replace all non alphanumeric characters, new lines, and multiple white space with one space with JavaScript, we can use the string replace method with a regex.

For instance, we write

const s = text.replace(/[\W_]+/g, " ");

to call text.replace with a regex that matches all non-word characters and underscores with \W and _ respectively.

The g flag lets us match all instances of the characters.

And then we replace them all with spaces.

Conclusion

To replace all non alphanumeric characters, new lines, and multiple white space with one space with JavaScript, we can use the string replace method with a regex.