Buscador con api publica
Buen dia.
Этот aprendiendo sobre apis en electronics.js, pero ahora quisiera que cuando ingrese un dato en el input me filter la informacion de la api publica, una especie de buscador, alguien podria ayudarme con eso por Favor.
mi codigo es el siguiente:
var con = document.getElementById('contenido')
var bot = document.getElementById('peticion')
bot.addEventListener('click', realizarPeticion)
function realizarPeticion() {
fetch('http://www.7timer.info/bin/api.pl?lon=113.17&lat=23.09&product=civillight&output=json')
.then(res => {
res.json()
.then(resJSON => {
var data = resJSON['dataseries']
for (var i = 0; i < data.length; i++) {
var dia = data[i]
con.innerHTML += dia['date'] + " " + dia['weather'] +
" " + dia['temp2m']['max'] + "<br>"
}
})
})
}<!DOCTYPE html>
<html>
<head>
<title>Clima</title>
</head>
<body>
<input type = "search" id = "site-search" name = "q">
<input type = "button" value = "Realizar Peticion" id = "peticion">
<table id = "contenido"></table>
</body>
<script src = "index.js"></script>
</html>
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
3
2
12
0
Другие вопросы по теме
Как получить содержимое класса html внешней страницы и сохранить его в текстовом файле
Как удалить параметр с пустым ответом из URL, созданного тегом <form>?
GetElementById не может найти раскрывающийся список в HTML для VBA
Почему функция jQuery автоматически вызывает метод show ()?
Я пытался создать сворачивающуюся боковую панель, но она становится невидимой, как только я создаю еще один раздел под панелью навигации
Проблема со стрелкой меню JavaScript
Чтение файла с помощью JS и отображение его содержимого в текстовой области
Как создать индикатор выполнения градиента с фиксированным градиентом
Как удалить лишний пробел или новую строку в HTML
В Ionic 3: невозможно использовать шрифт из папки cahe
Похожие вопросы
Отключить всплывающие подсказки в таблице материалов
Прокрутите вверх div, если он уже был вызван функцией slideToggle
Как получить содержимое класса html внешней страницы и сохранить его в текстовом файле
React-native Android 10 Agora SDK RtcEngine.create никогда не разрешается
Почему функция jQuery автоматически вызывает метод show ()?
Php html при событии щелчка не работает, когда json
TypeError: ss.getSheetByName не является функцией
Я пытался создать сворачивающуюся боковую панель, но она становится невидимой, как только я создаю еще один раздел под панелью навигации
Как я могу обработать эту часть слияния индексного кода с помощью команды findAnime.js?
Проблема со стрелкой меню JavaScript
¡Hola! Las preguntas y respuestas aquí deben estar escritas en inglés. В пользу утилиты es.stackoverflow.com. (Вопросы и ответы здесь должны быть написаны на английском языке. Используйте es.stackoverflow.com/.)