How do I pass data from JavaScript to HTML?

on

 You can pass javascript values to HTML, tags by using an ID and Class of tags


 Use the below code for a better understanding.


<html>

<head>

<script type="text/javascript">

var i=0;        

 var fruits = new Array(5);

 fruits[0] = "Apple";

         fruits[1] = "Banana";

         fruits[2] = "Mango";

         fruits[3] = "Kiwi";

         fruits[4] = "Guava";

function BtnClick()

{

if (i<= fruits.length-1)

{

document.getElementById("fruitsDiv").innerHTML += fruits[i] + '<br />';

         i=i+1;

}else

{

if(confirm('do you want to see again ?'))

{

i=0;

                document.getElementById("fruitsDiv").innerHTML='';

   }

else 

{

alert('Thanks!!');

        }

}

}      

</script>

</head>

<body>

<div id="fruitsDiv">

</div>

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

</body>

</html>

Comments

Post a Comment