29日目 javascript if文
偶数・奇数判別
if文
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>偶数・奇数判別</title> </head> <body> <script> var num; num = prompt( '半角数字を入力して下さい', 2 ); num = parseInt( num ); //偶数か奇数か //if (num%2 === 0 ){偶数}でもok if ( num%2 === 1 ) { console.log( '入力された' + num + 'は奇数です。' ); document.write( '入力された' + num + 'は奇数です。' ); } else { document.write( '入力された' + num + 'は偶数です。' ); } </script> </body> </html>
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>10以上20未満かそれ以外か</title> </head> <body> <script> var x; x = prompt( '整数を半角数字で入力して下さい', '2' ); x = parseInt( x ); //10以上20未満かそれ以外か if ( x >= 10 && x < 20 ) { document.write( '入力された' + x + 'は10以上20未満です。' ); } else { document.write( '入力された' + x + 'は10以上20未満以外です。' ); } </script> </body> </html>
イベント駆動型モデル
http://tototo.webcrow.jp/kadai/index03.html
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>無題ドキュメント</title> <script> var num; function oddEven() { num = prompt( '半角数字を入力して下さい', 2 ); num = parseInt( num ); if ( num%2 === 1 ) { document.write( '入力された数字 ' + num + ' は奇数です。' ); } else { document.write( '入力された数字 ' + num + ' は偶数です。' ); } } </script> </head> <body> <h1>偶数か奇数かの判別をします</h1> <p>ボタンをクリックすると数値を入力するウィンドウが表示されます。</p> <p><button onclick="oddEven()">判別する</button></p> </body> </html>
if文
http://tototo.webcrow.jp/kadai/index04.html
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>合否判断</title> <script> var score; //点数 var refValue = 80; //基準値 var compValue = 100; //満点 function point() { score = prompt( '点数を入力して下さい','半角数字で入力' ); score = parseInt( score ); if ( score >= refValue ) { if ( score === compValue ) { document.write('<h1>百点満点!</h1>'); document.write('<p>よくがんばりました。</p>'); } else { document.write('<h1>合格です。</h1>'); document.write('<p>よくがんばりました。</p>'); } } else { document.write('<h1>不合格です。</h1>'); document.write('<p>もう少しがんばりましょう。</p>'); } } </script> </head> <body> <h1>基準値をもとに評価します</h1> <p>ボタンをクリックすると点数を入力するウインドウが表示されます。</p> <p><button onclick="point()">基準値をもとに評価する</button></p> </body> </html>