Swap Images

Change images using CSS and Javascript

Swap with CSS

1. Use CSS to change background-image property of div on :hover

Swap with JS

2. Change img.src with click listener added to id with .getElementById()

3. Change img.src with click listener added to id with .querySelector()

4. Change img.src with mouseover/ mouseout listener added to id using .querySelector()

5. Change background-image with click listener added to id with .querySelector()