Menu
Hi,
I want to rotate a picture. Want to have 2 buttons, rotate left and right.
HTML-file
<br>
<img src=”../js/download.jpg” id=”img” alt=”diskett”>
<br>
<button class=”btn” id=”btnLeft”>Rotera vänster (Task 5)</button>
<button class=”btn” id=”btnRight”>Rotera höger (Task 5)</button>
<br><br>
Javascript
var img = document.getElementById(“img”)
var btnLeft = document.getElementById(“btnLeft”)
var btnRight = document.getElementById(“btnRight”)
let rotateL = 0
let rotateR = 0
btnLeft.addEventListener(“click”,()=>{
rotateL=rotateL+ -90
img.style.transform=’rotate(${rotateL}deg)’
});
btnRight.addEventListener(“click”,()=>{
rotateR=rotateR+ 90
img.style.transform=”rotate(${rotateR}deg)”
});
This does not work, do not understand.
Please helkp.