Category: JavaScript

Sometimes, we want to get the current location of an iframe with JavaScript.

In this article, we’ll look at how to get the current location of an iframe with JavaScript.

How to get the current location of an iframe with JavaScript?

To get the current location of an iframe with JavaScript, we use the contentWindow.location.href property.

For instance, we write

const url = document.getElementById("iframeID").contentWindow.location.href;

to select the iframe with getElementById.

And then we use its contentWindow.location.href property to get its current URL.

Conclusion

To get the current location of an iframe with JavaScript, we use the contentWindow.location.href property.

Sometimes, we want to return values in JavaScript.

In this article, we’ll look at how to return values in JavaScript.

How to return values in JavaScript?

To return values in JavaScript, we use the return statement.

For instance, we write

const myFunction = (value1, value2, value3) => {
  return { val2: value2, val3: value3 };
};

to define the myFunction function.

It takes 3 parameters.

And we put value2 and value3 in an object and return the object.

Conclusion

To return values in JavaScript, we use the return statement.

Sometimes, we want to get the current YouTube video time with JavaScript.

In this article, we’ll look at how to get the current YouTube video time with JavaScript.

How to get the current YouTube video time with JavaScript?

To get the current YouTube video time with JavaScript, we use the getCurrentTime method.

For instance, we write

const ytPlayer = document.getElementById("movie_player");
const time = ytplayer.getCurrentTime();

to select the YouTube player element with getElementById.

Then we call getCurrentTime to get the current time of the video.

Conclusion

To get the current YouTube video time with JavaScript, we use the getCurrentTime method.

Sometimes, we want to change img src and change image color on file input change with JavaScript.

In this article, we’ll look at how to change img src and change image color on file input change with JavaScript.

How to change img src and change image color on file input change with JavaScript?

To change img src and change image color on file input change with JavaScript, we can listen to the change event.

For instance, we write

const fileToRead = document.getElementById("yourFile");

fileToRead.addEventListener(
  "change",
  (event) => {
    const [file] = fileToRead.files;
    if (fileToRead.files.length) {
      console.log("Filename: ", file.name);
      console.log("Type: ", file.type);
      console.log("Size: ", file.size);
    }
  },
  false
);

to select the file input with getElementById.

Then we call addEventListener to listen for the change event on the fileToRead input.

In the event handler, we get the file from the files property.

And we get the file name, type and size from the selected file.

Conclusion

To change img src and change image color on file input change with JavaScript, we can listen to the change event.