Вращение нажатия кнопки js

Question

My html

<div id="yabanner">
  <img src="img/ok.jpg">
</div>
<button>Click Me</button>
<button>Click Me</button>
<button>Click Me</button>

My javascript

 var button = document.getElementsByTagName('button')[0];
var button1 = document.getElementsByTagName('button')[1];
var button2 = document.getElementsByTagName('button')[2];
var image = document.getElementsByTagName('img')[0];

  button1.addEventListener('click', slid , false);

  function slid(e) {
    image.src="img/kok.jpg";
    image.style.display="block";

  }
button.addEventListener('click' , fillIt , false );

  function fillIt(e) {
    image.src="img/ok.jpg";
    image.style.display="block";

  }


button2.addEventListener('click' , show ,false);

function show(e) {
image.src="img/rm2.jpg";
image.style.display="block";
}

Может ли кто-нибудь помочь мне, как завершить sh это. Я хочу, чтобы img вращался, когда вы нажимаете одну из кнопок. Я пробовал другой метод, но не работает, если кому-то это нужно, дайте мне знать: (

Answer 1

Я бы посоветовал использовать что-нибудь в ваших функциях, например:

image.style.transform: "rotate(90deg)"

Вы можете использовать -90deg для другого направления. Вы можете отменить все это с помощью image.removeAttribute('style')