HomeworkLib
Question

Hello Ive been tryting to add the CDN of jquery to my html code and I...

Hello Ive been tryting to add the CDN of jquery to my html code and I keep getting an error

Need help with this :

​​

  1. Navigate to www.code.jquery.com in your Chrome browser.
  2. On this page, you'll find different stable versions of jQuery. Select uncompressed for jQuery Core 3.3.1.
  3. Copy the <script> tag that is given to you.
    In store_hours.html, paste that tag directly above your body's closing tag.

    This is the jQuery CDN. After you paste this code into your file, you are done setting up jQuery and are ready to use it. This tag could actually go anywhere in your file, but we want to put it near the bottom because want all the visual elements of your page to load first. This will make it seem like the website is loading faster for the user.

    Now that you added jQuery to your store_hours.html file, let's test it out

Here is my code: I add the CDN and get an error

<!DOCTYPE html>

<html>
<head>
  
  
<link rel="stylesheet" type="text/css" href="store.css">

<style>
table, th, td {
border: 1px solid black;
border-collapse: collapse;
}
th, td {
padding: 5px;
}
th {
text-align: left;
}
</style>
<title>HOURS</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
  
</head>
<body class="background-body-color">
<ul class="navbar">
<li>
<a href="store_home.html">HOME</a>
</li>
<li>
<a href="store_hours.html">HOURS</a>
</li>
<li>
<a href="store_about.html">ABOUT</a>
</li>
</ul>
  
<div class="centered-container ">
  
<h1 class=" centered-text sansSerif-text ">STOR/E HOURS</h1>
<h2 class="h2">Weekends and Holidays Included</h2>
<button id=title-button onclick="toggle()">Alter Title</button>
<button id=title2-button onclick="toggle()">Alter Second Title</button>
<table style ="width:100%">
<tr>
<th>DAYS</th>
<th>HOURS</th>
</tr>
<tr>
<td>MONDAY-THURSDAY</td>
  
<td>10:00AM-6:00PM</td>
</tr>
  
  

<tr>
<td>FRIDAY</td>
<td>10:00AM-7:00PM</td>
</tr>

<tr>
<td>SATURDAY-SUNDAY</td>
<td>10:00AM-4:00PM</td>
</tr>



</table>

</div>
<script src ="scripts/test.js"></script>
  
  
<script src ="scripts/ jquery_test.js"></script>

  
</body>
</html>

engineering   Computer-Science   
0 0
Add a comment Improve this question Transcribed image text
Next > < Previous
Sort answers by oldest

Homework Answers

Answer #1

<!DOCTYPE html>

<html>

<head>

<link rel="stylesheet" type="text/css" href="store.css">

<style>

table, th, td {

border: 1px solid black;

border-collapse: collapse;

}

th, td {

padding: 5px;

}

th {

text-align: left;

}

</style>

<title>HOURS</title>

<meta charset="UTF-8">

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

</head>

<body class="background-body-color">

<ul class="navbar">

<li>

<a href="store_home.html">HOME</a>

</li>

<li>

<a href="store_hours.html">HOURS</a>

</li>

<li>

<a href="store_about.html">ABOUT</a>

</li>

</ul>

<div class="centered-container ">

<h1 class=" centered-text sansSerif-text ">STOR/E HOURS</h1>

<h2 class="h2">Weekends and Holidays Included</h2>

<button id=title-button onclick="toggle()">Alter Title</button>

<button id=title2-button onclick="toggle()">Alter Second Title</button>

<table style ="width:100%">

<tr>

<th>DAYS</th>

<th>HOURS</th>

</tr>

<tr>

<td>MONDAY-THURSDAY</td>

<td>10:00AM-6:00PM</td>

</tr>

<tr>

<td>FRIDAY</td>

<td>10:00AM-7:00PM</td>

</tr>

<tr>

<td>SATURDAY-SUNDAY</td>

<td>10:00AM-4:00PM</td>

</tr>

</table>

</div>

<!-- uncomment the files which don't have the code for jquery cdn -->

<!-- <script src ="scripts/test.js"></script>

<script src ="scripts/ jquery_test.js"></script> -->

<!-- Add the jquery cdn -->

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

</body>

</html>

Sample Output

0 0
Add a comment
Know the answer?
Add Answer to:
Hello Ive been tryting to add the CDN of jquery to my html code and I...
Your Answer:

Post as a guest

Your Name:

What's your source?

Earn Coins

Coins can be redeemed for fabulous gifts.

Log In

Sign Up

Not the answer you're looking for? Ask your own homework help question. Our experts will answer your question WITHIN MINUTES for Free.
Similar Homework Help Questions

  • Please edit and add all the code needed to make the images side by side and to put the buttons in...

    Please edit and add all the code needed to make the images side by side and to put the buttons in the middle of the images. Thank you index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8">    <meta http-equiv="X-UA-Compatible" content="IE=edge">    <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Untitled Document</title> <!-- Bootstrap -->    <link href="css/bootstrap-4.0.0.css" rel="stylesheet">    <link href="style.css" rel="stylesheet" type="text/css">    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> </head> <body> <header>    <nav class="navbar navbar-expand-lg navbar-light bg-light"> <a class="navbar-brand" href="#">Lakeside Resort Spot</a>        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent1" aria-controls="navbarSupportedContent1" aria-expanded="false" aria-label="Toggle navigation">...

  • <!DOCTYPE html> <html> <head> <title>Products</title> <style> .heading { text-align: center; font-size: 40px; } #menu { text-align:...

    <!DOCTYPE html> <html> <head> <title>Products</title> <style> .heading { text-align: center; font-size: 40px; } #menu { text-align: center; } #menu li { display: inline; font-size: 26px; margin-left: 20px; } .container{ overflow: hidden; margin: 30px; } img { float: left; width: 40vh; height: 40vh; margin-left: 10%; } table { float: right; margin-right: 10%; } table, th, td { border: 1px solid black; border-collapse: collapse; } th, td { font-size: 26px; padding: 10px; text-align: left; } a { color: black; } a:visted {...

  • Kindly assist in fixing the error i got when I pasted my codes to validate it....

    Kindly assist in fixing the error i got when I pasted my codes to validate it. The error is in bold. Error: Table column 2 established by element th has no cells beginning in it. From line 53, column 25; to line 55, column 40 <tr> <th colspan="2"> <!DOCTYPE HTML> <html lang="en"><!-- language is English-->    <head>    <meta charset="utf-8"/>    <title>DA Website</title>    <link rel="stylesheet" type="text/css" href="styles.css" />    </head>    <body>    <div id="wrapper">    <!-- start html...

  • In this problem, you will create a selectable “To Do” List. To add a task to...

    In this problem, you will create a selectable “To Do” List. To add a task to this list, the user clicks the Add Task button and enters a description of the task. To delete a task from the list, the user selects the task and then clicks the Delete Task button. Open the HTML and JavaScript files provided as start-up files (index.html from within todo_list_Q.zip file). Then, review the HTML in this file. Note, within the div element, there is...

  • How to make all the buttons work using javascript? <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta...

    How to make all the buttons work using javascript? <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script> function openAccount() { /* - get the account and initial amount values - check that all necessary information is provided - call the setCookie function to create account */ } function Deposit() { /* - get the account and amount values - check that all necessary information is provided - alter cookie with current amount of deposit */ } function...

  • Hello, I was wondering if you could possibly think of ways to improve my home page then I would l...

    Hello, I was wondering if you could possibly think of ways to improve my home page then I would like you to do so. I know it could be better. Thank you. index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Untitled Document</title> <!-- Bootstrap --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css"> <!-- jQuery library --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <!-- Latest compiled JavaScript --> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script> <link href="style.css" rel="stylesheet" type="text/css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> </head> <body> <header> <nav class="navbar...

  • How do i make my html show 10 results per page, and how do i make...

    How do i make my html show 10 results per page, and how do i make the books clickable to show results about them? <!DOCTYPE html> <html> <head> <title>Google Books Search</title> <script src="https://code.jquery.com/jquery-2.1.4.min.js"> </script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script> <style> body{ background:lightblue } .wrap{ max-width:400px; margin:auto; margin-top:10px; } .pagination, pagination-last{ float:left; } a{ text-decoration:none; padding:15px 20px; border:1px solid black; border-right:none; background:#f2f2f2; font-size:18px; font-weight:bold; } .pagination-last a{ border-right:1px solid black; } a:hover { background:orange; color;white; } </style> <!-- <script src="js/main.js"></script> --> <script> function B_Search()...

  • <!-- DOCTYPE declaration --> <!DOCTYPE html> <!-- HTML boilerplate code --> <html lang="en">    <!-- head...

    <!-- DOCTYPE declaration --> <!DOCTYPE html> <!-- HTML boilerplate code --> <html lang="en">    <!-- head tag -->    <head>                 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>Personal Webpage</title>    </head>    <!-- body tag -->     <body>             <style>        .sidenav {            height: 100%;             width: 160px;            position: fixed;            z-index: 1;             top: 0;            left: 0;           ...

  • i'm having trouble with 1 and 3 using html, javascript and jquery 1) Change the "Search"...

    i'm having trouble with 1 and 3 using html, javascript and jquery 1) Change the "Search" link on the left to a button that when clicked, hide all the fields on the form and display the text "This is a search feature..." 3) When the user fills the form and clicks "Login", the values inputted should be displayed in the empty row (under Login) of the page. The display should be in the form: Student ID: <input value> Student Name:...

  • <!-- DOCTYPE declaration --> <!DOCTYPE html> <!-- HTML boilerplate code --> <html lang="en">    <!-- head...

    <!-- DOCTYPE declaration --> <!DOCTYPE html> <!-- HTML boilerplate code --> <html lang="en">    <!-- head tag -->    <head>                 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>Social</title>    </head>    <!-- body tag --> <body>                 <style>        .sidenav {            height: 100%;             width: 160px;            position: fixed;            z-index: 1;             top: 0;            left: 0;            background-color:...

ADVERTISEMENT
Free Homework Help App
Download From Google Play
Scan Your Homework
to Get Instant Free Answers
Need Online Homework Help?
Ask a Question
Get Answers For Free
Most questions answered within 3 hours.
ADVERTISEMENT
ADVERTISEMENT