Javascript Data Type How to - Show data array forth and back

Question

We would like to know how to show data array forth and back.

Answer


<!DOCTYPE html>
<html>
<head>
<script type='text/javascript'>
var count = 1
<!--   ww w.  j a v a 2 s.c o  m-->
var text = new Array();
text[1] = "feature 1 content";
text[2] = "feature 2 content";
text[3] = "feature 3 content";
function slideForward()
{
    count = count + 1
    if (count == 4){
        count = 1;}
    document.getElementById('featureShow').innerHTML=text[count] ;
}
function slideBackward()
{
    count = count - 1
    if (count == 0){
        count = 1;
    }
    document.getElementById('featureShow').innerHTML=text[count] ;
}
</script>
</head>
<body>
  <div id="popUpDivFeatures">
    <p id="featureShow">feature 1 content</p>
    <a href="#" onclick="slideBackward();">Back</a> <a href="#"
      onclick="slideForward();">Next</a>
  </div>
</body>
</html>

The code above is rendered as follows: