0
181
ViewsMove the Image when click on the button in JavaScript
I'm moving the image when click on the button using the JavaScript. And i also I'm using the CSS. Please guide me how can add the JavaScript
Here is my code image .
·
Juan Pablo Isaza
1 answers
Answer question0
let btn = document.getElementById('moveBtn');
let img = document.getElementById('backgroundImg');
btn.addEventListener('click', () => {
img.style.left = "100px"
})
#backgroundImg {
position: relative;
height: 100px;
width: 100px;
background-color: red;
}
.moveImage {
display: flex;
flex-direction: column;
width: 200px;
}
<div class="moveImage ">
<img src="" alt="" id="backgroundImg">
<button id="moveBtn">Click</button>
</div>Here's the code , i've used backgroundcolor but you can use background image
·
Juan Pablo Isaza
Report
Answer question