Skip to content

Instantly share code, notes, and snippets.

@rclayton-the-terrible

rclayton-the-terrible/index.html

Last active October 15, 2018 01:00
Show Gist options
  • Save rclayton-the-terrible/b9abb3e4474b2b66206cfbedb3b65166 to your computer and use it in GitHub Desktop.
Save rclayton-the-terrible/b9abb3e4474b2b66206cfbedb3b65166 to your computer and use it in GitHub Desktop.
Download ZIP
Mindy Code
Raw
index.html
<html>
<head>
<title>Test Document</title>
<style>
h1 {
font-family: 'Courier New', Courier, monospace;
color: red;
}
</style>
<link rel="stylesheet" href="style.css" />
<script src="https://code.jquery.com/jquery-3.3.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
console.log('Hello Mindy')
console.log('Hello jQuery', jQuery)
document.write('<h1>Dynamic H1 top</h1>');
</script>
<script src="index.js" type="text/javascript"></script>
</head>
<body>
<h1 style="color: green">Hello World</h1>
<h1 id="name-label">Tell us your name:</h1>
<input id="name" type="text" /><button id="clickme" type="button">Press Me</button>
<script type="text/javascript">
jQuery("#clickme").on('click', function() {
var name = jQuery('#name').val()
jQuery('#name-label').html('Hello ' + name)
});
</script>
</body>
</html>
Raw
index.js
console.log('Hello from index.js')
Raw
style.css
h1 {
text-decoration: underline;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment