Javascript-форум - Показать сообщение отдельно

Репетитор · #7 (**permalink**) 03.12.2017, 15:05

Сообщение от рони

Репетитор,

var translation = {"apple": "яблоко", "grapes" : "виноград"} ;
var word = "apple"; //Math.random()
var text = "неверно";
var str = "яблоко"; //input.value
if(str == translation[word]) text = "верно" ;
alert(text);

Сообщение от Lion777

недавно предыдущему тс похожее выкладывал

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>

<body>
    <div id="hello"></div>
    <br> переведи слово, что выше!
    <br>
    <input type="text">
    <br>
    <button>перевести</button>
    <script>

        var ruEn =
            [
                ["читать", "read"],
                ["смотреть", "see"],
                ["слушать", "listen"],
                ["бежать", "run"],
                ["спать", "sleep"]
            ];
        var i = Math.floor(Math.random() * (ruEn.length - 1));
        var hello = document.getElementById('hello');
        hello.innerHTML = '<b>' + ruEn[i][0] + '</b>';
        var word = document.querySelector('input');

        document.querySelector('button').onclick = function () {
            if (word.value == ruEn[i][1]) {
                hello.innerHTML = 'Да, <b>' + word.value + '</b> это <b>' + ruEn[i][0] + '</b>!';
            } else {
                hello.innerHTML = 'Нет, <b>' + word.value + '</b> это не <b>' + ruEn[i][0] + '</b>, пробуй еще!';
            }
        }


    </script>

</body>

</html>

Спасибо пацаны. Теперь буду разбираться что такое " querySelector", а потом добавлять самопальную виртуальную клаву к input.