Javascript-форум - Поиск по документу

Javascript-форум (https://javascript.ru/forum/)

- Events/DOM/Window (https://javascript.ru/forum/events/)

- - Поиск по документу (https://javascript.ru/forum/events/48617-poisk-po-dokumentu.html)

Поиск по документу

Добрый день Гуру!
Есть вроде простая задачка но я не силён в ДС , прошу помоши!
Есть страница на каторой есть ИНПУТ для ввода (слова поиска,например цыфра 16)
и ниже цыклом вывожу обычную табл.умножение!
Так вот задача состоит в том что бы я при вводе в поле 16 и нажатие ентер в этой табл подсвечивалось красным число найденых 16(в моем случаи один)
вот код!

<input  id="userInput" type="text" name="poisk" onchange="myChange()"/>
<input type="checkbox" name="check" value="Скрывать строки" onclick="myClick()">
<script type="application/javascript">
    function myChange(){
         param = document.getElementById('userInput').value;
            document.getElementById("td").style.backgroundColor="lightblue";
    }
    function myClick(){
        alert("yes");
    }

    function rowscalc(row){
        for (var k = 1; k <= row; k++) {
             document.write("<td>"+k*i+"</td>");
        }
}
    var col = 10;
    var row = 10;
        document.write(' <table border=1, width="500px">');
        for (var i = 1; i <= col; i++) {
            document.write("<tr>"+rowscalc(row)+"</tr>");
        }
        document.write("</table>");
</script>

ПС
теоретически примерно возможно понимаю как сделать ну хотелось бы хоть маленький пример!

immortal.1986,
так пройдитесь циклом по всем ячейкам и
Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:

[js]
... ваш код...
[/js]

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

пожалуйста посмотрите на верх!

АААУУУУУУУ тут кто то есть?

immortal.1986,
вам сюда Учебник

<!DOCTYPE HTML>

<html>

<head>
    <title>Untitled</title>
    <meta charset="utf-8">
</head>

<body>
    <input id="poisk" type="text" name="poisk" onchange="myChange()" />
    <input type="checkbox" name="check" value="Скрывать строки" onclick="myClick()">
    <script type="application/javascript">
        function myChange() {
            var list = document.getElementsByTagName('td'),
                param = document.getElementById('poisk').value;
            for (var i = 0; i < list.length; i++) {
                if (param == list[i].innerHTML) list[i].style.backgroundColor = "lightblue";
            }
            alert(list);
        }

        function myClick() {
            alert("yes");
        }
        var col = 10;
        var row = 10;

        function rowscalc(i) {
            var html = "";
            for (var k = 1; k <= row; k++) {
                html += "<td>" + k * i + "</td>";
            };
            return html
        }

        document.write(' <table border=1, width="500px">');
        for (var i = 1; i <= col; i++) {
            document.write("<tr>" + rowscalc(i) + "</tr>");
        }
        document.write("</table>");
    </script>

</body>

</html>