Im getting an error and wanted to know how I can fix this I will share the codes with you for the two files its showing. index.html file Cocktails   cocktails API   app.js file import presentDrinks from './src/presentDrinks.js'; import './src/searchForm.js'; const URL = 'http://www.thecocktaildb.com/api/json/v1/1/search.php?s=a'; window.addEventListener('DOMContentLoaded',()=>{ presentDrinks(URL); });

Computer Networking: A Top-Down Approach (7th Edition)
7th Edition
ISBN:9780133594140
Author:James Kurose, Keith Ross
Publisher:James Kurose, Keith Ross
Chapter1: Computer Networks And The Internet
Section: Chapter Questions
Problem R1RQ: What is the difference between a host and an end system? List several different types of end...
icon
Related questions
Question

Im getting an error and wanted to know how I can fix this I will share the codes with you for the two files its showing.

index.html file

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8" />

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<title>Cocktails</title>

<link rel="shortcut icon" href="data:image/x-icon;," type="image/x-icon">

<link

rel="stylesheet"

href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css"

/>

<!-- css -->

<link rel="stylesheet" href="./styles.css" />

</head>

 

<body>

<form class="search-form">

<h2>cocktails API</h2>

<input type="text" placeholder="search your favorite"

name="drink"/>

</form>

<section class="section cocktails">

<article class="loading">

<img src="./loading.gif" alt="loading">

</article>

<h2 class="title"></h2>

<div class="section-center">

 

</div>

</section>

<script type="module" src="./app.js"></script>

</body>

</html>

app.js file

import presentDrinks from './src/presentDrinks.js';

import './src/searchForm.js';

const URL = 'http://www.thecocktaildb.com/api/json/v1/1/search.php?s=a';




window.addEventListener('DOMContentLoaded',()=>{

presentDrinks(URL);

}); 

 

 
Expert Solution
steps

Step by step

Solved in 2 steps with 1 images

Blurred answer
Recommended textbooks for you
Computer Networking: A Top-Down Approach (7th Edi…
Computer Networking: A Top-Down Approach (7th Edi…
Computer Engineering
ISBN:
9780133594140
Author:
James Kurose, Keith Ross
Publisher:
PEARSON
Computer Organization and Design MIPS Edition, Fi…
Computer Organization and Design MIPS Edition, Fi…
Computer Engineering
ISBN:
9780124077263
Author:
David A. Patterson, John L. Hennessy
Publisher:
Elsevier Science
Network+ Guide to Networks (MindTap Course List)
Network+ Guide to Networks (MindTap Course List)
Computer Engineering
ISBN:
9781337569330
Author:
Jill West, Tamara Dean, Jean Andrews
Publisher:
Cengage Learning
Concepts of Database Management
Concepts of Database Management
Computer Engineering
ISBN:
9781337093422
Author:
Joy L. Starks, Philip J. Pratt, Mary Z. Last
Publisher:
Cengage Learning
Prelude to Programming
Prelude to Programming
Computer Engineering
ISBN:
9780133750423
Author:
VENIT, Stewart
Publisher:
Pearson Education
Sc Business Data Communications and Networking, T…
Sc Business Data Communications and Networking, T…
Computer Engineering
ISBN:
9781119368830
Author:
FITZGERALD
Publisher:
WILEY