• #10

• Create a window.onload event
• Create a function onload that will grab query parameters
• When grabbing query parameters, call fetchSearch(movie)

insert copyright footer information

<h3>&copy 2024 `KANE Devs` | All Right Reserved</h3>
<div>
     <p> Github Portfolio: 
     <a>add everyones GitHub portfolio Portfolio </a>
     <a>add everyones GitHub portfolio Portfolio </a>
     <a>add everyones GitHub portfolio Portfolio </a>
</div>

clone Ben's repo and use template.

• Add another event handler to get input value from the search input field.

• #8
• Create an element with id search-results to dynamically add search results onto

Next steps:

• #24

• display recent search history on index.html
• Each search history should redirect to results.html with parameters

in search-results.js file delete search results.

delete search results would go in processResults ()

• #62

update results.html file to have no spaces and fix missing closing div tag

set up index.html, .gitignore, and folder path layouts

• Display movie title
• Display movie year
• Display movie image

Afterwards create:

• #25

edit variable searchResultsEl to be reachable in code

• #35
• #36
• #37

• When a user inputs a bad search result, redirect to an error page
• Display "Error, no results found" with ability to search again
• Add a search bar to search for new movies
• reuse index.html js file for events and logic

create local storage in handleFormSubmit() - search-results.js

edit comment for local storage in script.js

• Create a click event when a user clicks on a movie result
• Display a Materialize Modal

Next Steps:

• #26

if two trailers play, second wont play

update search button id to match index.html

• create a function to generate literal string of ombd url using user input from search-bar id 'input-search'
• create a fetch request to - https://www.omdbapi.com/
• Convert response to json
• call function processResults(data) after fetch returns successfully
• in processResults generate an object for each movie result

• Show previous movie data from omdb data WITHOUT an api call ON MODAL
• Change where title and year is displayed on modal

• Create a fetch function for the kinocheck api (https://api.kinocheck.de/movies)
• Create a result function when kinocheck returns data
• #27

In results.html the search input does not push any results. textInput variable is missing from dependencies

Fix:
Add textInput variable

-Get the input from with id #textInput
-Set text input to local storage.

• Add youtube api script to search-results.html
• FetchTrailer sets modals trailer
• Only call FetchTrailer when a modal is clicked

• Search bar with text input
• Button input for confirm search
• Main image to display

call displaySearchResults() in processResults()