JSFiddle - React, Tailwind, and code Playground

by Олег

HTML

<audio class="myAudio" autoplay><source  src="" type="audio/mpeg"></audio>
<img class="myIm" src="">
<button onclick="gameMy();">следующий
</button>






















































<div class="footer">
Помогу в решении любого вопроса js, css, html, svg, canvas, animation, php
Модули, комопненты под joomla, wordpress, opencart, modX, drupal, DLE, prestashop
Шрифты! Любые дополнительные символы к стандартным! Локализация к Вашему языку<br>Аккаунт на тостере <a href="https://toster.ru/user/politon">toster.ru/user/politon</a><br><span>E-mail: oleg@w3schools.ru</span><br><span>Skype: politon81</span>
</div>
<!--Любое решение вопросов
E-mail: oleg@w3schools.ru
js, css, html, svg, canvas, animation, php
Модули, комопненты под joomla, wordpress, opencart, modX, drupal, DLE, prestashop
Шрифты! Любые дополнительные символы к стандартным! Локализация к Вашему языку
E-mail: oleg@w3schools.ru
Skype: politon81
-->

CSS

img{
  width:200px;
}









































/*Это не относится к Вашему коду*/
.footer{
  position:fixed;
  bottom:20px;
  right:20px;
  font-size:0.7em;
  background:#ff0;
}
.footer span{
  color:#f00;
  font-weight:bold;
}

JavaScript

var sound = [/*рулетка*/"http://boobooka.com/wp-content/uploads/2018/10/vraschenie-kolesa-s-ukazatelem.mp3",/*вертолет*/"http://boobooka.com/wp-content/uploads/2018/10/val-dvigatelja-nabiraet-oboroty.mp3"];
var img=[/*вертолет*/"http://www.playcast.ru/uploads/2015/04/17/13211999.gif",/*рулетка*/"https://i.gifer.com/8C5T.gif"];

var n=0;
function gameMy(){
var myIm=document.querySelector('.myIm');
var myAudio=document.querySelector('.myAudio');
myIm.src=img[n]
  
  if(n<sound.length-1){
  myIm.src=img[n]
    n+=1
  }else{
  n=0;
  }
  myAudio.src=sound[n]
   
  console.log(img[n])
}gameMy();