今、javascript勉強してます。その4
今日はドロップダウンリストから選択
-----------------------------------------------------------------------------------------------------
<h3>点数</h3>
<select id ="tensu" name="tensu">
<option value="">あなたの点数</option>
<option value="40">点数40点以下</option>
<option value="60">点数50~60点</option>
<option value="80">点数70~80点</option>
<option value="90">点数90点以上</option>
</select>
<script type="text/javascript">
document.getElementById('tensu').onchage = function() {
var tensu = document.getElementById('tensu').value;
switch(tensu) {
case '40':
alert('凡人以下です');
break;
case '60':
alert('平均的な点数です。');
break;
case '80':
alert('あなたは優秀です。');
break;
case '90':
alert('あなたはとても優秀です。');
break;
}
}
</script>
------------------------------------------------------------------------------------------------------
これも見てるとわかりますが、listのvalue要素をgetElementById('tensu').value
の部分で取得してきて変数に入れています。
select文で選択された要素によりコメントを変えるようなプログラムです。
javascriptのオブジェクトを作る
たぶんjavascriptの中心的な考え方がオブジェクト指向だと思うのですが、
javascriptはオブジェクトを扱えてはじめて使いこなせるプログラミング言語
です。
オブジェクト指向の概念がいまひとつなわたしですが、
なんとかjavascriptのオブジェクト指向をモノにしたいと思います。
javascriptでオブジェクトを扱う場合は
----------------------------------------------------------------
var オブジェクト名 = function() {
}
----------------------------------------------------------------
phpでいうと
----------------------------------------------------------------
class クラス名 {
}
----------------------------------------------------------------
でしょうか。
javascriptでプロパティを作る
----------------------------------------------------------------
this.プロパティ名 = 初期値;
----------------------------------------------------------------
phpでは(メンバーといいますが)
----------------------------------------------------------------
public $変数名 = 初期値;
----------------------------------------------------------------
です。
javascriptでメソッドを作る
----------------------------------------------------------------
var this.メソッド名 = function() {
}
----------------------------------------------------------------
phpでは
----------------------------------------------------------------
public function メソッド名(){
}
----------------------------------------------------------------
です。
javascriptとphpを比較してます。でもなんとなく、プロパティも
メソッドも似たような感じではないでしょうか?
----------------------------------------------------------------------------------------------------
var ThisUser = new User();
var User = function() {
this.name = ’前田';
this.hello = function(){
document.write(this.name);
document.write("さん、こんにちは!");
}
}
----------------------------------------------------------------------------------------------------
とてもシンプルなオブジェクト指向ですが、
ここからスタートする意味でもっとjavascriptの
オブジェクト部分も掘り下げていきたいです。