Когда быстро приближается свет в конце туннеля «фазы 1», я столкнулся с самой первой проблемой кода в школе Flatiron.

Я не закончил ...

Вкратце, у моей задачи было 3 результата, и я выполнил только 2 из них ... Так что, я потерпел неудачу? Думаю, узнаю в понедельник.

В любом случае, я расплывчато резюмирую то, что мне пришлось сделать, потому что я уверен, что какую бы версию этой задачи вы ни выполняли, компетенции будут похожими.

Результат №1

Получите данные из API и используйте эти данные для переопределения текстового содержания элементов HTML, которые были предоставлены с помощью JavaScript.

«Я просто прочел это вслух… если бы кто-нибудь сказал мне это неделю назад, я бы, вероятно, заплакал. Итак, в основном….

«Получение данных из API»: есть информация, которую кто-то собрал (для развлечения?) В Интернете (где-то), и мы хотим поиграть с ней! Итак, нам нужно ПОЛУЧИТЬ (получить) его!

«И использовать эти данные для переопределения текстового содержимого элементов HTML, которые были предоставлены с помощью JavaScript:» в нашей задаче уже есть файл HTML, заполненный некоторыми довольно интересными элементами. пример: ‹h1› ’название находится здесь’ ‹/h1›. Но кто хочет видеть в браузере «заголовок идет сюда»? Конечно, мы могли бы просто перейти к HTML-файлу и изменить его содержимое, но неужели это 2001 год? Нам нужно идти в ногу со временем! Мы можем сделать то же самое с JavaScript и почувствовать себя волшебником в этом процессе! `

пример сценария:

у нашего API может быть файл изображения .png

В нашем HTML-файле уже есть тег ‹img› с начальным .png, который нам нужно заменить на .png из API

ПРОЦЕСС РАЗМЫШЛЕНИЯ:

Как я могу получить свой API, чтобы получить доступ к его содержимому? Как я могу использовать JavaScript, чтобы получить элементы, которые мне нужно изменить / переопределить, и заполнить их данными из моего API?

Результат № 2

Заставить элемент изменить другой элемент

`На нашей странице есть значок. Каждый раз, когда я нажимаю на нее, я хочу, чтобы другой элемент на моей странице что-то делал. `

пример сценария:

В вашем HTML-файле есть кнопка ‹button›

В вашем HTML есть также… скажем… тег .. ‹p› с числом 0 внутри него.

Каждый раз, когда вы нажимаете кнопку, 0 внутри тега ‹p› добавляет +1

ПРОЦЕСС РАЗМЫШЛЕНИЯ:

Как мне получить доступ к моей кнопке HTML с помощью Javascript , чтобы я мог добавить к ней некоторые функции (заставить ее работать!)? Как я могу заставить ее изменить другой элемент страницы, удерживая эту кнопку? Как мне взять элемент, который мне нужно изменить, и связать его с событием моей кнопки * click *? После ознакомления с этими элементами, как я могу добавить 1 к элементу внутри моего тега ‹p› И убедиться, что недавно обновленное текстовое содержимое отображается в моем браузере?

Tik Tok Tik Tok Times Up

Я начал с третьего результата, но в конечном итоге не закончил, потому что мое время истекло (да, это рассчитано по времени!). Это сладко-горькое чувство…

Я счастлив, потому что, черт возьми, я действительно вырос как программист всего за 2 НЕДЕЛИ! Как кто я !? В глубине души я знаю, что не справился с задачей нет, потому что я не смог ее решить (в конце концов, я бы заставил этого маленького жукера работать), но потому что я не мог решить ее быстро достаточно.

Мне грустно, потому что правила есть правила. Я не успела закончить. Такова жизнь. Боюсь, что мои 2/3 прохождения, возможно, не приведут меня ко второй фазе, и мне придется тратить время на повторение так рано в игре. Я волнуюсь, потому что что, если я проиграю, и я подавлюсь на повторной попытке (вы можете представить такое давление !!!!) ?! Я злюсь. Я потратил так много времени, пытаясь найти созданную мной ошибку (я запросил неправильный тег !!!!! ›.‹), и к тому времени, когда я, наконец, обнаружил, время было почти до + Я был морально утомлен.

В любом случае….

Результат № 3:

Отображать отправленные материалы на ‹form› в браузере

На вашей странице есть ‹форма›. Вам необходимо взять значения, введенные в эту форму, и отобразить их в другом элементе на вашей странице. Точно так же, как мы можем ввести комментарий к сообщению в какой-либо платформе социальных сетей, и * пуф * он появляется, когда мы нажимаем ввод / отправку (и мы можем ответить / поставить лайк / и т. Д.)

Первоначальный мыслительный процесс: мне нужно взять HTML-код моей кнопки и поместить на него событие нажатия. Тогда мне нужно взять мою форму и поместить в нее событие отправки? Мне нужен доступ к… значениям… из… моего…. * голова взрывается, образуются слезы, imgonnafailimgonnafailimgonnafaiiilllllllll *

Примечание: не сдавайтесь, хотя я знал, что мое время истекло, я оставался в своей комнате для обсуждения, пытаясь превратить свой код в подчинение, пока меня не обнаружил инспектор, который очень вежливо сказал мне, что время истекло. Энди, ты такой добрый, спасибо тебе за все, что ты делаешь!

Где мои мысли пошли не так / решение:

Почему меня вообще беспокоила кнопка? ЭТО ЧАСТЬ ФОРМЫ НЕ ВАЖНО ЧТО (смеется) !!!!! Мне нужно получить доступ к моему элементу формы ВЕСЬ, чтобы добавить к нему .addEventListener (‘submit’, () = ›{}). Оттуда мне нужно получить доступ к INPUT.value, создать элемент для хранения этого значения и, наконец, добавить этот элемент, куда бы вы ни захотели! БУМ!

что за американские горки ...