2020-06-01から1ヶ月間の記事一覧
2-4.html <html> <head> <title>2-4</title> </head> <body> <ul id="tokyo">東京出身</ul> <ul id="fukuoka">福岡出身</ul> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <script src="2-4.js" language="javascript" type="text/javascript"> </script> </body> </html> 2-4.js va…
2-3.html <html> <head> <meta charset="UTF-8" /> <title>2-3</title> </head> <body> <ul id="result"></ul> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <script src="2-3.js" language="javascript" type="text/javascript"></script> </body> </html>…
2-2.html <html> <head> <meta charset="UTF-8" /> <title>2-2</title> </head> <body> <ul id="result"></ul> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <script src="2-2.js" language="javascript" type="text/javascript"></script> </body> </html>…
2-1.html <html lang="jp" dir="ltr"> <head> <meta charset="utf-8"> <title>2-1</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <script src="2-1.js" language="javascript" type="text/javascript"></script> <body> <div id="shiritori"> </div></body></meta></head></html>
1-12.html <html lang="jp" dir="ltr"> <head> <meta charset="utf-8"> <title>1-12</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <script src="1-12.js" language="javascript" type="text/javascript"></script> <body> <div id="shiritori"> </div></body></meta></head></html>
1-11.html <html lang="jp" dir="ltr"> <head> <meta charset="utf-8"> <title>1-11</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <script src="1-11.js" language="javascript" type="text/javascript"></script> <body> <div> </div></body></meta></head></html>
1-10.html <html lang="jp" dir="ltr"> <head> <meta charset="utf-8"> <title>1-10</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <script src="1-10.js" language="javascript" type="text/javascript"></script> </head> <body> <form> </form></body></html>
1-9.html <html> <head> <title>1-9</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <script src="1-9.js" language="javascript" type="text/javascript"></script> </head> <body> <div id="box"> <button id="button">アラートボタンを表示</button> </div> </body> </html> …
1-8.html <html> <head> <title>1-8</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <script src="1-8.js" language="javascript" type="text/javascript"></script> </head> <body> <div class="form_area"> <p class="form_title">フォームに入力してね!</p> <form action="">…</form></div></body></html>
1-7.html <html> <head> <title>1-7</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <script language="javascript" type="text/javascript"> $(function(){ $('#submit_btn').on('click', function(){ if($('#name').val() === '' || $('#age').val() === ''){ alert…</head></html>
1-5~1-6.html <html lang="ja"> <head> <meta charset="UTF-8"> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> <script> $(function() { $.getJSON("1-5.json" , function(data) { var ulObj = $("#test"), len = data.length; for(var i = 0; i < len; i++) { ul…</meta></head></html>
1-4.html <html> <head> <title>1-4</title> </head> <body> <p>helloworld</p> <button>botton</button> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <script language="javascript" type="text/javascript"> $('button').click(function() { $('p').toggle(); }) </body></html>
1-3.html <html> <head> <title>1-3</title> </head> <body> <p>サンプルテキスト</p> <h1>sample</h2> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script> $('p').hide(); </script> </body> </html> 実行結果
1-2.html <html lang="ja"> <head> <meta charset="UTF-8"> <title>1-2</title> </head> <body> <h1>jQueryライブラリーの読み込みテスト</h1> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script> alert($("h1").text()); </script> </body> …</html>
<html lang = "ja"> <head> <title>1-1</title> </head> <body> <script> alert('hello world'); </script> </body> </html> 実行結果