Web developer specializing in React, Vue, and front end development.
Sometimes, we want to get browser height with JavaScript.
In this article, we’ll look at how to get browser height with JavaScript.
To get browser height with JavaScript, we use the window.innerHeight property.
For instance, we write
const browserHeight = window.innerHeight;
to get the height of the browser tab with the window.innerHeight property.
To get browser height with JavaScript, we use the window.innerHeight property.
Sometimes, we want to convert a date to GMT with JavaScript.
In this article, we’ll look at how to convert a date to GMT with JavaScript.
To convert a date to GMT with JavaScript, we use the toUTCString method.
For instance, we write
console.log(new Date("Fri Jan 20 2022 11:51:36 GMT-0500").toUTCString());
to call the toUTCString method to return a the date as a string in UTC.
To convert a date to GMT with JavaScript, we use the toUTCString method.
Sometimes, we want to mock constructor using Sinon and JavaScript.
In this article, we’ll look at how to mock constructor using Sinon and JavaScript.
To mock constructor using Sinon and JavaScript, we call the sinon.stub method.
For instance, we write
const MockExample = sinon.stub();
MockExample.prototype.test = sinon.stub().returns("42");
const example = new MockExample();
console.log(example.test());
to create the MockExample constructor stub with stub.
Then we set its test instance method to return 42 with sinon.stub().returns("42");.
Then we create a MockExample instance and call its test method.
To mock constructor using Sinon and JavaScript, we call the sinon.stub method.
Sometimes, we want to listen to iframe onload JavaScript event.
In this article, we’ll look at how to listen to iframe onload JavaScript event.
To listen to iframe onload JavaScript event, we set the iframe’s onload property to a function that’s called when the iframe is loaded.
For instance, we write
<iframe id="my_iframe" src="http://www.exanple.com/"> </iframe>
to add an iframe.
Then we write
document.getElementById("my_iframe").onload = () => {
//...
};
to select the iframe with getElementById.
Then we set its onload property to a function that’s called when the iframe’s contents is loaded.
To listen to iframe onload JavaScript event, we set the iframe’s onload property to a function that’s called when the iframe is loaded.
Sometimes, we want to style active Link in react-router v4 and JavaScript.
In this article, we’ll look at how to style active Link in react-router v4 and JavaScript.
To style active Link in react-router v4 and JavaScript, we use the NavLink component.
For instance, we write
<div id="tags-container">
{tags.map((t) => (
<NavLink className="tags" activeStyle={{ color: "red" }} to={t.path}>
{t.title}
</NavLink>
))}
</div>
to render NavLinks.
We set its activeStyle to the style that’s rendered when the current link is active.