JavaScript¥×¥í¥°¥é¥ß¥ó¥°ÆþÌç

Size: px

Start display at page:

Download "JavaScript¥×¥í¥°¥é¥ß¥ó¥°ÆþÌç"

あきひろくまじ
9 years ago
Views:

1 JavaScript JavaScript if id

2 1 1.1 JavaScript JavaScript HTML ( Hellow World 1 ) <html> <head> <title>javascript</title> </head> <body> <h1>javascript</h1> <p> <script> document.write("hellow World!"); </script> </p> </body> </html> : HTML HTML <script> document.write("hellow World!"); </script> <script> </script> document.write(" ") ; 1 JavaScript ( ) 2

3 1.1.2 JavaScript Firefox Firefox JavaScript ? document.write(2 + 3); ( ) document.write(" " + " "); document.write(" " + " " ); JavaScript document.write(" " + " " + (2 + 3)); document.write("2" + "3"); : <p> <p> document.write(" " " " " "); document.write(" " " " + ( ) + " "); 3

4 1.2.3 JavaScript var 2 var seireki = 2009; var seireki = 2009; document.write(" " + seireki + " " + (seireki ) + " "); var seireki = 1993; document.write(" " + seireki + " " + (seireki ) + " "); : 1.3 if if if ( ) { 1989 var seireki = 2009; if (seireki >= 1989) { document.write(" " + seireki + " " + (seireki ) + " "); >= <= 2 4

5 > x > y x y >= x >= y x y < x < y x y <= x <= y x y == x == y x y if ( ) { else { if ( 1) { 1 elsif ( 2) { 1 2 else { : 5

6 Alt + TAB Ctrl + v Ctrl + c Ctrl + x Ctrl + z HOME Ctrl + HOME END Ctrl + END ( ) Alt + TAB TeraPad : TeraPad HTML 2.2 if && 1 &&

7 2.3 function () { (); // (); // ( ) : function calc() { var seireki = 2009; document.write(" " + seireki + " " + (seireki-1988) + " "); calc(); calc(); : <form name="input"> <input type="text" name="seireki"> <input type="button" value=" " onclick="calc();"> </form> input Form seireki calc() : 7

8 2.4.2 var seireki = document.input.seireki.value; input ( Form) seireki ( ) (value) seireki : 2.5 document.write kekka p <p id="kekka"></p> document.write var kekka_p = document.getelementbyid("kekka"); kekka_p.innerhtml = " " document.getelementbyid("kekka") kekka kekka_p kekka_p.innerhtml kekka 2.6 if 8

9 <html> <head> <title> </title> </head> <body> <h1> </h1> <form name="input"> <input type="text" name="seireki"> <input type="button" value=" " onclick="calc();"></p> </form> <p id="kekka"></p> <script> function calc() { var seireki = document.input.seireki.value; var kekka_p = document.getelementbyid("kekka"); if (seireki >= 1989) { kekka_p.innerhtml = " "+seireki+" "+(seireki-1988)+" "; </script> </body> </html> :

10 3.2 id 3 HTML kekka ID HTML : <p id="kekka"></p> : p#kekka { font-size: 220%; color: red; p#kekka <p> kekka ID p kekka # : 3.3 ( ) document input seireki <form name="input"> <input type="text" name="seireki"> <input type="button" value=" " onclick="calc();"> </form> document.input.seireki.focus(); : 3.4 Date Date now now ( Wiki ) 10

11 1 var now = new Date(); var year = now.getfullyear(); var month = now.getmonth() + 1; var date = now.getdate(); var hour = now.gethours(); var min = now.getminutes(); var sec = now.getseconds(); document.write(year+" "+month+" "+date+" "+hour+" "+min+" "+sec+" "); : HTML 3.5 ( ) : function func(a, b) { document.write(a + b) func(2, 3) // calc function calc(seireki, place) { // var seireki = document.in.seireki.value; <-- var kkk = document.getelementbyid(place); <-- ID... onclick 11

12 <input type="button" value=" " onclick="calc(document.in.seireki.value, kekka );"> Date <p id="now"></p> <script> var now = new Date(); var year = now.getfullyear(); calc(year, now ); </script> : 3.7 JavaScript JavaScript JavaScript Tips 12

JavaScriptプログラミング入門

JavaScriptプログラミング入門 JavaScript 2015 8 15 1 2 1.1 JavaScript.................................. 2 1.2..................................... 3 1.3 if................................... 4 2 6 2.1.....................