ボタンで画像を横移動させたい

Question

<link rel="stylesheet" href="https://tamesitamesi2.web.fc2.com/javasanple/CSS4.css">	
   <script src="https://tamesitamesi2.web.fc2.com/javasanple/JS1.js"></script> 


<img src="https://tamesitamesi2.web.fc2.com/javasanple/ICON2_P1.PNG"  class="gazou" id="gazou1"/>


<div onclick="itityousetu()";>ボタン</div>

※ボタンのjavascriptはまだ組んでいません

.gazou {
   width: 50px; /* 横幅を割合で指定 */
 height: auto; /* 高さは自動指定 */
animation: anim 1s forwards;
}
@keyframes anim {
  0% {
  transform: translateX(0px);
  }

  100% {
  transform: translateX(300px);
  }
}

画像横移動させています。
これをボタンをスイッチにして横移動させるようにしたいのですが、検索してもなかなか内容が見つかりません。
jQueryでなら記事があるのですが、私はjQueryがわからないため、普通のjavascriptでの内容を探しています。
jQueryでなければ不可能なのでしょうか？

どうかアドバイスをお願い致します

Answer 1

gazou1.style.animation = "anim 1s forwards";で普通にできました。
お騒がせしました。