The jquery in my notepad document isn't working

jquery

#1

I'm trying to utilize my newly acquired coding skills to create an interactive website for my tutoring.

I have saved the webpage displaying the jquery library and imported it into a notepad document using <script> </scrip> tags. I then added an alert to check if the code was working and the alert will not work. I've pasted the html and css below. Could anyone help me to identify the problem? Thanks!


<<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">>


<html>

<head>

<title>


Alliestutoring.com

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

<script type="text/javascript" src="desktop/jquery-1.6.1.min.js" ></script>

<script type="text/javascript">

$(document).ready(function(){

 alert("I am working, yeah!!!!!");

});


</script> 

</head>

<body>


<div id="header"><h1>Allie's Tutoring</h1>
<h1>Welcome! You're on your way to great grades and academic stardom!</h1> </div>

<h2 id="pitch">Peer-to-Peer Tutoring Using Technology and Hands-On Teaching!</h2>







<ul class="list">
<li>Science has proven that students learn well from their peers</li>
<li>I am a High Honors 8th Grader</li>
<li>I can meet with your middle-schooler(s) and tutor them in:</li>
<ul>
<li>Math</li>
<li>Social Studies</li>
<li>Science</li>



body{

background-image: url("http://micheleborba.com/wp-content/uploads/2015/12/incredible_school_success_spell_from_ancient_genie__38e69d6c.jpg");


}


#header{

align:center; 
background-color:gold;
text-align:center;
padding: 5px;
border-radius: 10px;
color: #551A8B;






}

.footer{
text-align:center;
background-color:gold;
padding: 5px;
border-radius: 10px;





}

.list{
display: inline-block;
text-align:left;
font-size: 36px;
color: silver; 
background-color:#551A8B;
margin-left: 150px;
border-radius: 10px;
padding: 50px;

}

#pitch{

background-color:aqua;
padding-left: 250px;
border-radius: 10px;
color: brown;


}





</ul>

</ul> 


<div class="footer"><a href="https://www.youtube.com/watch?v=RpIu9vfsxO4">Click Here to See Me in Action</a>




</div>


#2

^This you must put in <style></style> tags or an external stylesheet

^ put your jquery-1.6.1.min.js file in the same folder as the HTML file then you just use:

<script type="text/javascript" src="jquery-1.6.1.min.js" ></script>

#3

Thanks! I'll try this!


#4

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.