定番
新着
履歴

JS はじめてのJavaScriptのサンプル

サンプル
コード

ハローワールド

サンプル
コード

変数

var v = 1;
document.write(v);
この内容を実行すると…

サンプル
コード

配列を作る

MyArray = new Array('X','Y','Z');

a = MyArray[0];
b = MyArray[1];
c = MyArray[2];

document.write(a);
document.write(b);
document.write(c);

サンプル
コード

演算、演算子

+ 足す、文字をつなげる
- 引く
* かける
/ 割る
> 左の右より大きい
< 左の右より小さい
>= 左が右以上
<= 左が右以下
== 等しい
!= 等しくない
サンプル
コード

関数

anser = add(1,2);
document.write(anser);

function add(x, y) {
z = x + y;
return z;
}
↓実行結果
サンプル
コード

条件分岐

a = 1;
ret = checker(a);
document.write(ret);

function checker(v){
	if(v==1){
	  //条件一致した場合実行される
	  return true;
	}else{
	  //条件に合わない場合実行される
	  return false;
	}
}
↓実行結果
サンプル
コード

ループ

for(i=0;i<10;i++){
document.write(i + '¥n');
}
↓実行結果
© 2024 kipure
Top


<h1>ハローワールド</h1>

<script>
document.write("Hello World!");
</script>


<h1>変数</h1>
var v = 1;<br>
document.write(v);<br>
この内容を実行すると…<br>
↓<br>

<script>
var v = 1;
document.write(v);
</script>


<h1>配列を作る</h1>
MyArray = new Array('X','Y','Z');<br>
<br>
a = MyArray[0];<br>
b = MyArray[1];<br>
c = MyArray[2];<br>
<br>
document.write(a);<br>
document.write(b);<br>
document.write(c);<br>
↓<br>



<script>
MyArray = new Array('X','Y','Z');

a = MyArray[0];
b = MyArray[1];
c = MyArray[2];

document.write(a);
document.write(b);
document.write(c);
</script>


<h1>演算、演算子</h1>
<pre>
+ 足す、文字をつなげる
- 引く
* かける
/ 割る
> 左の右より大きい
< 左の右より小さい
>= 左が右以上
<= 左が右以下
== 等しい
!= 等しくない
</pre>

<h1>イベント</h1>
<a onclick="alert('クリックしました');">クリックを検知</a>
<br>
<a onmouseover="alert('マウスオーバーしました');">マウスオーバーを検知</a>


<h1>関数</h1>

anser = add(1,2);<br>
document.write(anser);<br>
<br>
function add(x, y) {<br>
z = x + y;<br>
return z;<br>
}<br>
↓実行結果<br>
<script>
anser = add(1,2);
document.write(anser);

function add(x, y) {
z = x + y;
return z;
}
</script>


<h1>条件分岐</h1>

<pre>
a = 1;
ret = checker(a);
document.write(ret);

function checker(v){
	if(v==1){
	  //条件一致した場合実行される
	  return true;
	}else{
	  //条件に合わない場合実行される
	  return false;
	}
}
</pre>
↓実行結果<br>

<script>
a = 1;
ret = checker(a);
document.write(ret);

function checker(v){
	if(v==1){
	  //条件一致した場合実行される
	  return true;
	}else{
	  //条件に合わない場合実行される
	  return false;
	}
}

</script>


<h1>ループ</h1>
<pre>
for(i=0;i<10;i++){
document.write(i + '¥n');
}
</pre>
↓実行結果<br>


<script>
for(i=0;i<10;i++){
document.write(i + '<br>');
}
</script>