JSFiddle - React, Tailwind, and code Playground

by Dawid Karwat

HTML

<input type="radio" name="move" checked/>
<input type="radio" name="move" />
<input type="radio" name="move" />
<input type="radio" name="leg" checked/>
<input type="radio" name="leg" />
<input type="radio" name="leg" />
<input type="radio" name="wing" checked/>
<input type="radio" name="wing" />

JavaScript

var move = document.getElementsByName('move');
var leg = document.getElementsByName('leg');
var wing = document.getElementsByName('wing');
var p_mm;
var p_w;

function stand() {
    if (p_w < 1) {
        wing[1].checked = true;
    }
}

function walk() {
    if (p_w < 3) {
        wing[1].checked = true;
    }
}

function run() {
    if (p_w < 6) {
        wing[1].checked = true;
    }
}

function isMoving() {
    p_mm = Math.random() * 60;
    p_w = Math.random() * 12;
    if (wing[1].checked) wing[0].checked = true;
    if (move[0].checked) {
        if (p_mm < 9) {
            move[1].checked = true;
        } else if (p_mm < 13) {
            move[2].checked = true;
        } else stand();
    } else if (move[1].checked) {
        if (p_mm < 8) {
            move[0].checked = true;
        } else if (p_mm < 13) {
            move[2].checked = true;
        } else walk();
    } else {
        if (p_mm < 3) {
            move[0].checked = true;
        } else if (p_mm < 11) {
            move[1].checked = true;
        } else run();
    }
    setTimeout(isMoving, 1000);
}
isMoving();