JS/HTML/CSS : Je retourne jouer à Fall Guys.

[Lx4]

CodePen 👯‍♂️ ici

JS

const form = document.getElementById('class');
const input = document.getElementById('id');

let result = '';

form.onsubmit = _;
function _(e) {
  e.preventDefault();
  const _ = e.target.elements.coddity.value;

  var $ = "";
  for (a of (() => _)()
    .split("")
    .map((c, i) => (() => _)().charAt((() => _)().length - i - 1))) {
    $ += a;
  }
  console.log($);
  input.style.transform = "rotate(360deg)"
  input.value = $;
}

input.addEventListener('transitionend', () => {
  input.style.transform = ""
});

HTML

<div id="reverse">
<form id='class' onsubmit='_'>
  <input name="coddity" id="id" placeholder='reverse me' autocomplete="off" autofocus></input>
</form>
<div id="result">
</div>
<div>

CSS

#reverse{
 margin: 20px
}
#class>#id{
  padding: 5px;
  height: 40px;
  width: 200px;
  border-radius: 5px;
  transition: all 0.5s;
}

#result {
  margin-top: 20px;
  width: 200px;
  heigth: 20px;
}

[louismarslen]

Cher Franck, j'ai le plaisir et l'honneur de vous annoncer que vous n'avez PAS gagné le concours MOVAI CODE. Ce qui fait de vous un EKSSELAN Codeur.

SPOILER : j'espère qu'on aura le plaisir de recevoir votre participation à l'episode 2 du MOVAI CODE (stay tuned).

Bravo toutefois pour ta belle contribution 😊

[louismarslen]

Je fais un peu de ménage dans les issues -> d'ailleurs go participer à l'édition 5