HTML
Editor
index.html
style.css
script.js
Preview
Console / Hint
The operation of jQuery is very intuitive and simple. How to use jQuery is basically based on (1) creating a jQuery object and (2) calling a method (function) on that jQuery object. 
index.html
style.css
script.js

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>

<style> h1 { color: red; } </style>

</body>
</html>

Exercise 1
Change the sentence! This exercise is mandatory. Change the sentence! This exercise is mandatory. Change the sentence! This exercise is mandatory. Change the sentence! This exercise is mandatory.
Submit
Hint
The operation of jQuery is very intuitive and simple. How to use jQuery is basically based on (1) creating a jQuery object and (2) calling a method (function) on that jQuery object. 
Daiki Watanabe
index.html
style.css
script.js

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>

<style> h1 { color: red; } </style>

</body>
</html>

Editor
Preview

Write some code to be able to preview

Editor
Console
The operation of jQuery is very intuitive and simple. How to use jQuery is basically based on (1) creating a jQuery object and (2) calling a method (function) on that jQuery object. 
Exercise 1
Change the sentence! This exercise is mandatory. Change the sentence! This exercise is mandatory. Change the sentence! This exercise is mandatory. Change the sentence! This exercise is mandatory.
Submit
Daiki Watanabe