JSFiddle - React, Tailwind, and code Playground

by Michel Plungjan

HTML

<iframe id="myframe" src="http://cnn.com"></iframe> <br/>

<a href="#" onclick="return loadNextPage(-1)"> << Previus Web Page </a> | 
<a href="#" onclick="return loadNextPage(1)"> Next Web Page >> </a>

JavaScript

var cnt=0,webpageArray = [
          "http://cnn.com/",
          "http://msn.com/", 
          "http://yahoo.com/"
      ]; 

      function loadNextPage(dir) {   
        cnt+=dir;
        if (cnt<0) cnt=webpageArray.length-1; // wrap
        else if (cnt>= webpageArray.length) cnt=0; // wrap
        var iframe = document.getElementById("myframe"); 
        iframe.src = webpageArray[cnt]; 
        return false; 
      }