でざいんとうぇぶ。｜WEB学習

WEBスクール半年間の学習過程

9/18｜JavaScript - prompt

JavaScript WEB学習

9/18

- prompt (警告アラートシステム)

f:id:tk3m:20140930140315j:plain

 アラート入力システム

　 1つ目に表題,2つ目に入力例表示

<title>プロンプト</title>
<script>
//alert('test');
var mes = prompt('なにかいれて','例：ぶどう');
document.write('<h1>' + mes + '</h1>');
</script>

 

 

- 身長を入力すると標準体重が出るプログラム

f:id:tk3m:20140930141650j:plain

<title>標準体重</title>
</head>
<body>
<script>
/*
* 標準体重計算プログラム 
* 最終修正日：2012.06.07
*/

var height; //身長
var weight; //体重

// 身長を入力する
height = prompt('身長を入力してください', '半角数字 例 170');
height = parseInt(height); 

// 計算を行う
weight = (height -100) * 0.9;

// 結果を表示する
document.write('<h1>' + '身長が' + height + 'cmの人の標準体重は' + weight + 'kgです。' + '</h1>');
</script>

表示結果 : 身長が170cmの人の標準体重は63kgです。

 

 

- if文 ( YESかNOかで違う結果を表示 )

f:id:tk3m:20140930141701j:plain

confirm　←　確認文

 

if(judge===true)　←　if=条件式
条件に合っていたら括弧内を表示。それ以外なら括弧外へ。

 

else {　　←　それ以外全部の指定

 

<script>
//大人かを入力
var judge = confirm( 'あなたは大人ですか？' ); 
document.write(judge);

if(judge===true){
  document.write('あなたは大人です。');
} else {
  document.write('あなたは子供です。');
}
</script>

 

 

- 確認文, アラーム,計算,if文の応用

f:id:tk3m:20140930141707j:plain

<script>

var height; //身長
var weight; //体重
var man; //男性

//男性か女性かを入力
man = confirm( 'あなたは男性ですか？' );

// 身長を入力する
height = prompt('身長を入力してください', '半角数字 例 170');
height = parseInt(height); 

// 計算を行う
if(man===true){
  weight = (height -80) * 0.7;
} else {
  weight = (height -70) * 0.6;
}

// 結果を表示する
document.write( '<h1>' + '身長が' + height + 'cmの' );
  if ( man ) {
    document.write( '男性の標準体重は' );
  } else {
document.write( '女性の標準体重は' );
  }
document.write( weight + 'kgです。' + '</h1>' );
</script>

 

 

- 比較( 等号,不等号 )プログラム

||　← orの意味


<script>
var a = 10;
if(a > 5){
document.write('aは5より大きいです');
}

var b = 5;
if(b < 10){
document.write('bは10より小さいです');
}

var c = 20;
if(c < 10 || c >15){
document.write('あなたの入力した値は15より大きいか、もしくは10より小さいです');
}

</script>

 表示結果 : aは5より大きいですbは10より小さいですあなたの入力した値は15より大きいか、もしくは10より小さいです

 

 

 - 平成の年号を西暦に変換

f:id:tk3m:20140930142039j:plain

f:id:tk3m:20140930142030j:plain

<title>平成を西暦に変換する</title>
</head>
<body>
<script>
    var heisei;
    var fullYear;
    var message;
	
    heisei = prompt( '平成の年号を半角数字で入力してください。', '例 26' );
    fullYear = parseInt(heisei) + 1988;
    message = '平成' + heisei + '年は' + '西暦' + fullYear + '年です。';
    window.alert(message);
</script>