cstrelioff/READEME.md

## index.html
<html>
  <head>
    <meta charset="utf-8" />
    <script src="jquery-1.11.3.min.js"></script>
    <script src="mycode.js"></script>
    <title>counter</title>
  </head>
  <body>

    <h1 id="number" onclick="count();">
    </h1>

  </body>
</html>

## mycode.js
function count() {
  counter = counter + 1;
  $("#number").text(counter);
}

var counter = 0;

// this code is run when DOM is loaded
$(document).ready(function (){
  $('#number').click()
});

## READEME.md

      
    Raw
  

              READEME.md
            
          
    counter exampe with external js files

This is an example of using external javascript files and using the jquery ready() method to execute code when
the DOM is loaded (ie, ready).  To get this to work:

Download index.html, mycode.js, and jquery-1.11.3.min.js to your computer.

Note that I have not include the jquery file here, you'll have to grab this from other examples at the course website.


Put all of the files in the same directory or folder.
Open index.html in your browser and things should work as before, except for the fact that we are using external
javascript files
	<html>
	<head>
	<meta charset="utf-8" />
	<script src="jquery-1.11.3.min.js"></script>
	<script src="mycode.js"></script>
	<title>counter</title>
	</head>
	<body>

	<h1 id="number" onclick="count();">
	</h1>

	</body>
	</html>
	function count() {
	counter = counter + 1;
	$("#number").text(counter);
	}

	var counter = 0;

	// this code is run when DOM is loaded
	$(document).ready(function (){
	$('#number').click()
	});