Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 20.11.2021, 22:25
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,103

Сообщение от TomWalbridge
Я переделал без JQ
строка 11, а где аргументы?
Ответить с цитированием
  #12 (permalink)  
Старый 20.11.2021, 22:35
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,103

TomWalbridge,
<!DOCTYPE html>
<html>
<head>
    <title>Untitled</title>
    <meta charset="utf-8">
    <style type="text/css">
        td {
            border: 1px solid #0000FF
        }
    </style>
</head>
<body>
    <table id="mytable"></table>
    <input type="text" id="fio">
    <script>
        const array = [{
                sname: 'Сидоров',
                fname: 'Иван',
                lname: 'Михайлович',
                bdate: '23.12.1990',
                startlearn: '12.12.2005',
                fac: 'Физики'
            },
            {
                sname: 'Сидорова',
                fname: 'Ивана',
                lname: 'Михайловна',
                bdate: '12.11.1994',
                startlearn: '24.01.2006',
                fac: 'Астрономии'
            },
            {
                sname: 'Сорокина',
                fname: 'Мария',
                lname: 'Алексеевна',
                bdate: '01.01.1992',
                startlearn: '11.12.2008',
                fac: 'Математики'
            },
            {
                sname: 'Андропов',
                fname: 'Александр',
                lname: 'Петрович',
                bdate: '3.10.1992',
                startlearn: '13.12.2003',
                fac: 'Информатики'
            },
            {
                sname: 'Никифоров',
                fname: 'Олег',
                lname: 'Олегович',
                bdate: '24.12.1995',
                startlearn: '12.12.2004',
                fac: 'Химии'
            }
        ]
        buildTable(array)
        let inputFio = document.querySelector('#fio')
        inputFio.addEventListener('input', function() {
            let data = searchTable(this.value, array);
            buildTable(data);
        })
        function searchTable(value, data) {
            let filteredData = [];
            value = value.toLowerCase();
            for (let i = 0; i < data.length; i++) {
                let sname = data[i].sname.toLowerCase();
                if (sname.includes(value)) {
                    filteredData.push(data[i])
                }
            }
            return filteredData
        }
        function buildTable(data) {
            let table = document.getElementById('mytable')
            table.innerHTML = ''
            for (let i = 0; i < data.length; i++) {
                let row = `
        <tr>
        <td>${data[i].sname + data[i].fname + data[i].lname}</td>
        <td>${data[i].bdate}</td>
        <td>${data[i].startlearn}</td>
        <td>${data[i].fac}</td>
        <tr/>
        `
                table.innerHTML += row
            }
        }
    </script>
</body>
</html>
Ответить с цитированием
  #13 (permalink)  
Старый 20.11.2021, 22:36
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,103

TomWalbridge,
делайте полноценный, но минимальный макет.
Пожалуйста, отформатируйте свой код!

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

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



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Помогите решить небольшую задачу kseosru Общие вопросы Javascript 1 24.11.2019 17:08
Помогите решить задачу fillika Events/DOM/Window 2 16.05.2019 11:39
Помогите решить задачу. Alex14 Javascript под браузер 2 29.03.2017 12:18
Пожалуйста помогите решить задачу на java alex01rus1991 Элементы интерфейса 9 27.11.2012 01:02
Помогите решить задачу vkg Общие вопросы Javascript 1 20.02.2008 11:59