Robot dance

A robot dance

by Ulysse RUETSCH

HTML

<div id="Fil"></div>
<div id="Ball"></div>


<div id="head">
<div id="Oeuil1"></div>
<div id="Oeuil2"></div>
<div id="Bouche"></div>
</div>

<div id=""body></div>
<div id="Bras1"></div>
<div id="Bras2"></div>
<div id="Jambe1"></div>
<div id="Jambe2"></div>

CSS

#Fil {
  height: 80px;
  width: 10px;
  background-color: grey;
  position: absolute;
  left: 320px;
  }
  
  #Ball {
     height: 60px;
     width: 60px;
     background-color: violet;
     border-radius: 30px;
     position: absolute;
     left: 295px;
     top: 70px;
  }

JavaScript

var pBall = document.getElementById('Ball');

for(var vBall = 0; vBall > 10; vBall++) {
pBall.style.left = vBall + '%'
}