JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<ul>
    <li>Вам это нравится??
        <ul>
            <li><input type="radio" value="1" onclick="question(this)" />Да</li>
            <li><input type="radio" value="2" onclick="question(this)" />Нет</li>
            <li><input type="radio" value="3" onclick="question(this)" />Ужас</li>
            <li><input type="radio" value="4" onclick="question(this)" />Ночной кошмар</li>
        </ul>
    </li>
</ul>
</body>

CSS

ul {
    padding:0;
    list-style:none;
}

ul li {
    width:300px;
    padding:10px;
    background:greenyellow;
}

ul li ul {
    margin-left:-10px;
    display:none;
}

ul li ul li {
    margin-bottom:-10px;
}

ul li:hover {
    cursor:pointer;
}

ul li:hover ul {
    display:block;
}

JavaScript

function question(element) {
    var d = document;
    var answer = element.value;
    if(answer == 1) answer = 'Да';
    else if(answer == 2) answer = 'Нет';
    else if(answer == 3) answer = 'Ужас';
    else if(answer == 4) answer = 'Ночной кошмар';
    d.getElementsByTagName('body')[0].innerHTML = 'Ваш голос - '+answer;
}