Computer Programing

回答例


第12回 演習

<html>
<head>
<script language="JavaScript">
<!--

var a;
function start()
{
    a = Math.floor( Math.random()*10 )
}

function check()
{
   var b = parseInt( document.numbergame.box.value );
   if( b < a )
   {
       document.numbergame.hint.value = "もっと大きいです.";
   }
   else if( b > a )
   {
       document.numbergame.hint.value = "もっと小さいです.";
   }
   else
   {
     alert("正解です.");
     start();
   }
}

-->
</script>
</head>
<body onLoad="start()">
数当てゲーム<br>
<br>
ランダムに生成される数が、 0 〜 9 までのどれであるかを当ててください。<br>
何回で正解できるかな?<br>
<br>
<form name="numbergame">
<input type="text" size="5" name="box" value="" onchange="check()">
<input type="button" value="判定" onclick="check()"><br>
<br>
<input type="text" value="" size="50" name="hint"><br>
</form>
</body>
</html>

第11回 演習

<HTML>
<HEAD>
<SCRIPT language="JavaScript">
<!--
function calc()
{
  var i, sum = 0, point, count = 0;
  for( i = 0 ; i <= 9 ; i++ )
  {
    str = 'cel' + i;
    point = parseInt( document.all.item( str ).value );
    if( isNaN( point ) == false )
    { 
      sum += point;
      count++;
    }
  }
  if( count != 0 ) document.all.item( "ans" ).value = sum/count;
              else document.all.item( "ans" ).value = "";

  if( count != 0 )
  {
    infowin = window.open("", "_blank", "width=200,height=400");
    infowin.document.open();
    infowin.document.write( '<HTML><BODY>' );
    for( i = 0 ; i <= 9 ; i++ )
    {
      str = 'cel' + i;
      infowin.document.write( document.all.item( str ).value, '<BR>' );
    }
    infowin.document.write( '平均点は', sum/count, '点です' );
    infowin.document.write( '</BODY></HTML>' );
    infowin.document.close();
  }
}
function change( name )
{
  var point = parseInt( document.all.item( name ).value );
  if( isNaN( point ) == true )
  {
    document.all.item( name ).value = '';
  }
  else
  if( point < 0 || point > 100 )
  {
    document.all.item( name ).value = '';
  }
}
-->
</SCRIPT>
</HEAD>
<BODY>
<FORM name="points">
<input type="text" size=10 name="cel0" onchange="change('cel0')"><BR>
<input type="text" size=10 name="cel1" onchange="change('cel1')"><BR>
<input type="text" size=10 name="cel2" onchange="change('cel2')"><BR>
<input type="text" size=10 name="cel3" onchange="change('cel3')"><BR>
<input type="text" size=10 name="cel4" onchange="change('cel4')"><BR>
<input type="text" size=10 name="cel5" onchange="change('cel5')"><BR>
<input type="text" size=10 name="cel6" onchange="change('cel6')"><BR>
<input type="text" size=10 name="cel7" onchange="change('cel7')"><BR>
<input type="text" size=10 name="cel8" onchange="change('cel8')"><BR>
<input type="text" size=10 name="cel9" onchange="change('cel9')"><BR>
<input type="button" value="計算" onclick="calc()">
<P>
平均点は <input type="text" value="" size=50 name="ans"> 点です
</FORM>
</BODY>
</HTML>

第10回 演習

<HTML>
<HEAD>
<SCRIPT language="JavaScript">
<!--
function calc()
{
  var i, sum = 0, name, point, count = 0;
  for( i = 0 ; i <= 9 ; i++ )
  {
    name = 'cel' + i;
    point = parseInt( document.all.item( name ).value );
    if( isNaN( point ) == false )
    {
      sum += point;
      count++;
    }
  }
  if( count > 0 )
  {
    document.all.item('ans').value = sum / count;
  }
}
-->
</SCRIPT>
</HEAD>
<BODY>
<FORM name="points">
<input type="text" size=10 name="cel0"><BR>
<input type="text" size=10 name="cel1"><BR>
<input type="text" size=10 name="cel2"><BR>
<input type="text" size=10 name="cel3"><BR>
<input type="text" size=10 name="cel4"><BR>
<input type="text" size=10 name="cel5"><BR>
<input type="text" size=10 name="cel6"><BR>
<input type="text" size=10 name="cel7"><BR>
<input type="text" size=10 name="cel8"><BR>
<input type="text" size=10 name="cel9"><BR>
<input type="button" value="計算" onclick="calc()">
<P>
平均点は <input type="text" value="" size=50 name="ans"> 点です
</FORM>
</BODY>
</HTML>

第9回 演習

<HTML>
<HEAD>
<SCRIPT language="JavaScript">
<!---
function change( name )
{
  document.all.item( name ).style.visibility = 'hidden';
}
--->
</SCRIPT>
</HEAD>

<BODY>
<P>
<table border=1>
<tr>
<td><SPAN ID='id11' STYLE="visibility:visible;" onClick="change('id11')">○</SPAN></td>
<td><SPAN ID='id12' STYLE="visibility:visible;" onClick="change('id12')">○</SPAN></td>
<td><SPAN ID='id13' STYLE="visibility:visible;" onClick="change('id13')">○</SPAN></td>
</tr>
<tr>
<td><SPAN ID='id21' STYLE="visibility:visible;" onClick="change('id21')">○</SPAN></td>
<td><SPAN ID='id22' STYLE="visibility:visible;" onClick="change('id22')">○</SPAN></td>
<td><SPAN ID='id23' STYLE="visibility:visible;" onClick="change('id23')">○</SPAN></td>
</tr>
<tr>
<td><SPAN ID='id31' STYLE="visibility:visible;" onClick="change('id31')">○</SPAN></td>
<td><SPAN ID='id32' STYLE="visibility:visible;" onClick="change('id32')">○</SPAN></td>
<td><SPAN ID='id33' STYLE="visibility:visible;" onClick="change('id33')">○</SPAN></td>
</tr>
</table>
</P>
</BODY>
</HTML>

第8回 発展課題

<HTML>
<HEAD>
<SCRIPT language="JavaScript">
<!--
var size, timerID, cl;
cl =  new Array('black','red','blue');

function change()
{
  no++;
  if( no > 2 ) no = 0;
  document.all.item("title").style.color = cl[no];
}

function main()
{
  no = 0;
  document.all.item("title").style.color = cl[no];
  timerID = setInterval( "change()", 200 );
}
-->
</SCRIPT>
</HEAD>
<BODY onLoad="main()">
<P>
<SPAN ID="title" STYLE="color; font-size:20px;">わたしのホームページ</SPAN>
</P>
<HR>
<P>
ここは私のホームページです.よろしく.
</P>
</BODY>
</HTML>

第8回

<HTML>
<HEAD>
<SCRIPT language="JavaScript">
<!--
var pos, timerID;

function change()
{
  pos++;
  if( pos <= 200 ) 
  {
    document.all.item("title").style.left = pos+'px';
    document.all.item("title").style.top = pos+'px';
  }
  else clearInterval( timerID );
}

function main()
{
  pos = 0;
  document.all.item("title").style.left = pos+'px';
  document.all.item("title").style.top = pos+'px';
  timerID = setInterval( "change()", 50 );
}
-->
</SCRIPT>
</HEAD>
<BODY onLoad="main()">
<P>
<SPAN ID="title" STYLE="color; font-size:0px; position:absolute;">わたしのホームページ</SPAN>
</P>
<HR>
<P>
ここは私のホームページです.よろしく.
</P>
</BODY>
</HTML>

第7回

<HTML>
<HEAD>
<SCRIPT language="JavaScript">
<!--
function maxvalue( a,b )
{
   var c;
   if( a > b ) c = a;
          else c = b;
   return c;
}

function main()
{
  var value, i, max1, max2, max;
  value = new Array(4);

  for( i = 0 ; i < 4 ; i++ )
  {
    value[i] = parseInt( prompt( (i+1)+"個目の数値を入力してください", "0" ) );
  }

  max1 = maxvalue( value[0], value[1] );
  max2 = maxvalue( value[2], value[3] );
  max = maxvalue( max1, max2 );

  document.write( '最大の値は', max, 'です<BR>' );
}
-->
</SCRIPT>
</HEAD>
<BODY onLoad="main()">
</BODY>
</HTML>

第5回

<HTML>
<HEAD>
<SCRIPT language="JavaScript">
<!--
function main()
{
  var point, sum = 0, num = 0, i, ave, bunsan = 0;

  num = parseInt( prompt( '人数を入力してください', '0' ) );
  if( num > 0 )
  {
    point = new Array( num );
    for( i = 0 ; i < num ; i++ )
    {
      point[i] = parseInt( prompt( '点数を入力してください', '0' ) );
      sum = sum + point[i];
    }

    ave = sum / num;
    document.write( '平均点は', ave, '点です<BR>' );

    document.write( ' 各人の平均点からの差は次のとおりです<BR>' );  
    for( i = 0 ; i < num ; i++ )
    {
      document.write( point[i]-ave, '点<BR>' );
    }
  }
}
-->
</SCRIPT>
</HEAD>
<BODY onLoad="main()">
</BODY>
</HTML>

第4回

<HTML>
<HEAD>
<SCRIPT language="JavaScript">
<!--
function main()
{
  var ans, type = '', b;

  ans = parseInt( prompt( '一つ目の数値を入力してください', '' ) );

  while( type != '=' )
  {
    type = prompt( '演算の種類を入力してください +, -, =', '' );
    if( type == '+' )
    {
      b = parseInt( prompt( '次の数値を入力してください', '' ) );
      ans = ans + b;
    }
    else
    if( type == '-' )
    {
      b = parseInt( prompt( '次の数値を入力してください', '' ) );
      ans = ans - b;
    }
    else
    if( type == '*' )
    {
      b = parseInt( prompt( '次の数値を入力してください', '' ) );
      ans = ans * b;
    }
    else
    if( type == '/' )
    {
      b = parseInt( prompt( '次の数値を入力してください', '' ) );
      ans = ans / b;
    }
    document.write( '答えは', ans, 'です<BR>' );
  }
}
-->
</SCRIPT>
</HEAD>
<BODY onLoad="main()">
</BODY>
</HTML>

第4回 発展課題

<HTML>
<HEAD>
<SCRIPT language="JavaScript">
<!--
function main()
{
  var ans, type = '', b;

  ans = parseInt( prompt( '一つ目の数値を入力してください', '' ) );

  while( type != '=' )
  {
    type = prompt( '演算の種類を入力してください +, -, =', '' );
    if( type == '+' )
    {
      b = parseInt( prompt( '次の数値を入力してください', '' ) );
      ans = ans + b;
    }
    else
    if( type == '-' )
    {
      b = parseInt( prompt( '次の数値を入力してください', '' ) );
      ans = ans - b;
    }
    else
    if( type == '*' )
    {
      b = parseInt( prompt( '次の数値を入力してください', '' ) );
      ans = ans * b;
    }
    else
    if( type == '/' )
    {
      b = parseInt( prompt( '次の数値を入力してください', '' ) );

      if( b == 0 )
      {
        document.write( '0による割り算は出来ません<BR>' );
      }
      else
      {
        ans = ans / b;
      }
    }
    document.write( '答えは', ans, 'です<BR>' );
  }
}
-->
</SCRIPT>
</HEAD>
<BODY onLoad="main()">
</BODY>
</HTML>

第3回 発展課題

<HTML>
<HEAD>
<SCRIPT language="JavaScript">
<!--
function main()
{
  var a,b,c,d;
  a = parseInt( prompt( '一つ目の数値を入力してください', '' ) );
  b = parseInt( prompt( '二つ目の数値を入力してください', '' ) );
  c = parseInt( prompt( '三つ目の数値を入力してください', '' ) );
  d = parseInt( prompt( '四つ目の数値を入力してください', '' ) );
  document.write( '(',a,'+',b,')-(',c,'+',d,')=',(a + b) - (c + d) );
}
-->
</SCRIPT>
</HEAD>
<BODY onLoad="main()">
</BODY>
</HTML>

第3回

<HTML>
<HEAD>
<SCRIPT language="JavaScript">
<!--
function main()
{
  var a,b,c,d;
  a = parseInt( prompt( '一つ目の数値を入力してください', '' ) );
  b = parseInt( prompt( '二つ目の数値を入力してください', '' ) );
  c = parseInt( prompt( '三つ目の数値を入力してください', '' ) );
  d = parseInt( prompt( '四つ目の数値を入力してください', '' ) );
  document.write( (a + b) - (c + d) );
}
-->
</SCRIPT>
</HEAD>
<BODY onLoad="main()">
</BODY>
</HTML>

第2回

<HTML>
<HEAD>
<SCRIPT language="JavaScript">
<!--
function main()
{
  var a;
  a = prompt( 'なにか入力してください', '' );
  for( i = 0 ; i < 10 ; i++ )
  {
    document.write( a );
  }
}
-->
</SCRIPT>
</HEAD>
<BODY onLoad="main()">
</BODY>
</HTML>