【解決方法】JavaScript変数をHTMLに渡す

私のJavaScriptコードは次のとおりです。

JavaScript

<script type="text/javascript">

         var cars = new Array(5);

         cars[0] = "Audi";
         cars[1] = "Bentley";
         cars[2] = "Mercedes";
         cars[3] = "Mini";
         cars[4] = "BMW";
      
        </script>

次に、ページコンテンツのボタンをクリックしたときに各配列の値を1つずつ表示したいと思います。

親切に助けてください。

解決策 2
解決策 4

解決策 2

これを試して：

HTML

<div id="carsDiv">
</div>
<button id="addCarBtn">Add Car</button>
<script>
var current = 0;
var cars = new Array(5);
cars[0] = "Audi";
cars[1] = "Bentley";
cars[2] = "Mercedes";
cars[3] = "Mini";
cars[4] = "BMW";
document.getElementById("addCarBtn").onclick = function() {
       if (!(current > cars.length - 1))
       {
            document.getElementById("carsDiv").innerHTML += cars[current] + "<br />";
            current++;
       }
}
</script>

お役に立てれば。

解決策 4

<html>
<head>
<script type="text/javascript">
 
var i=0;        
 var cars = new Array(5);
 
         cars[0] = "Audi";
         cars[1] = "Bentley";
         cars[2] = "Mercedes";
         cars[3] = "Mini";
         cars[4] = "BMW";

function BtnClick()
{
	
	if (i<= cars.length-1)
	{
	 document.getElementById("carsDiv").innerHTML += cars[i] + '<br />';
         i=i+1;
	}else
	{
	if(confirm('do you want to see again ?'))
	{
		i=0;
                document.getElementById("carsDiv").innerHTML='';
    
	}
	else 
	{
	 alert('Thanks!!');
        }	
	
       
	}
}      


</script>

</head>
<body>
<div id="carsDiv">
</div>

<input type='submit' onclick='javascript:BtnClick()' value='click' />
</body>
</html>