Как организовать перевод слов на сайте

<li>
    <a href="#" class="figure"><img src="images/2/22.jpg" alt=""></a>
    <p>
        <label for="ans1" id="test1_question" valid_answer="Ана">Ана</label> - <input  id="test1_answer" value="" oninput="check_trans('test1');"> <br>
        <label for="ans2" id="test2_question" valid_answer="Мама">Мама</label> - <input id="test2_answer" value="" oninput="check_trans('test2');"> <br>
        <label for="ans3" id="test3_question" valid_answer="Әке">Әке</label> - <input id="test3_answer" value="" oninput="check_trans('test3');"> <br>
        <label for="ans4" id="test4_question" valid_answer="Папа">Папа</label> - <input id="test4_answer" value="" oninput="check_trans('test4');"> <br>
    </p>
    <script>
        function check_trans(name)
        {
            var question_id = name + "_question";
            var answer_id = name + "_answer";
            var question = document.getElementById(question_id).innerHTML;
            var answer = document.getElementById(answer_id).value;
            var valid_answer = document.getElementById(question_id).getAttribute("valid_answer");
 
            if (valid_answer == answer) {
                document.getElementById(answer_id).style["background-color"] = "green";
            } else {
                document.getElementById(answer_id).style["background-color"] = "red";
            }
            
        }
    </script>
</li>