Core Code
Core Code Modern Dev Handbook

Change Image with JavaScript

Example switching an image using JavaScript.

Preview

Code

<img id="img" src="https://via.placeholder.com/150">

<br><br>

<button onclick="document.getElementById('img').src='https://via.placeholder.com/150/ff0000';">
Change Image
</button>

More HTML JavaScript Examples (7)

example JavaScript Alert open example example Change Text Content open example example Change Style with JavaScript open example example Button Click Event open example example Show and Hide Element open example example Display Current Date open example example Toggle Text open example