• ベストアンサー

ボタン押すたびに文字を送りたい

ボタンを押す度に、文字を下に送りながら残していく関数を作りたいと 思っているのですが、配列を作り、ボタンを作るところまでしか わかりません。文字はHTML上に書きたいです。 var kudamonoList = new Array(6); kudamnoList[1] = "いちご"; kudamnoList[2] = "りんご"; kudamnoList[3] = "なし"; kudamnoList[4] = "ぶどう"; kudamnoList[5] = "もも"; function getNumber() { <input id="button1" type="button" value="押す" onclick="getNumber()" > どのように作ればよいか、コードを教えてください。よろしくお願いします。 表示例) 1回目ボタンにて:いちご 2回目ボタンにて:りんご          いちご 3回目ボタンにて:なし          りんご          いちご

質問者が選んだベストアンサー

  • ベストアンサー
  • yambejp
  • ベストアンサー率51% (3827/7415)
回答No.2

<html> <head> <script language=javascript> var kudamonoList = new Array(4); kudamonoList[0] = "いちご"; kudamonoList[1] = "りんご"; kudamonoList[2] = "なし"; kudamonoList[3] = "ぶどう"; kudamonoList[4] = "もも"; var num=0; function getNumber(){ var area=document.getElementById('viewArea'); if (num>=kudamonoList.length) return num; area.innerHTML = kudamonoList[num]+"<br>"+area.innerHTML num++; } </script> </head> <body> <input id="button1" type="button" value="押す" onclick="getNumber()" > <div id="viewArea"></div> </body> </html>

taro12
質問者

お礼

作った配列も使って頂いてとても参考になりました!回答頂いて本当にありがとうございました!

その他の回答 (1)

  • BLUEPIXY
  • ベストアンサー率50% (3003/5914)
回答No.1

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=SHIFT_JIS"> <title>Sample</title> <script type="text/javascript"><!-- var List = [ "いちご", "りんご", "なし", "ぶどう", "もも" ]; var Last_pos = -1; function button1_push(){ var result_HTML=""; Last_pos++; if(List.length <= Last_pos) return ;//リストの最後を越えている for(var i=0;i<=Last_pos;i++){ result_HTML = List[i] + "<br>" + result_HTML; } document.getElementById("result").innerHTML=result_HTML; } //--> </script> </head> <body> <input id="button1" type="button" value="押す" onclick="button1_push()" > <div id="result"></div> </body> </html>

taro12
質問者

お礼

とても参考になりました!配列の使い方にもいろいろあるんですね。回答頂いて本当にありがとうございました!

関連するQ&A

専門家に質問してみよう