Actually I tried using the same principle on a previous word button but I seem to get an undefined error. I guess I'm still missing something.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Japanese Vocab</title>
</head>
<body>
<h1>Japanese Vocab</h1>
<p id="japanese"></p>
<p id="english"> </p>
<button onclick="prevWord()">Previous word</button>
<button onclick="showEnglish()">Answer</button>
<button onclick="nextWord()">Next word</button>
<script type="text/javascript">
var japanese=new Array("食べる","読む","行く");
var english=new Array("to eat","to read","to go");
var cnt=0;
document.getElementById("japanese").innerHTML=japanese[cnt];
function showEnglish()
{
document.getElementById("english").innerHTML=english[cnt];
}
function nextWord()
{
cnt=++cnt%japanese.length;
document.getElementById("japanese").innerHTML=japanese[cnt];
document.getElementById("english").innerHTML=' ';
}
function prevWord()
{
cnt=--cnt%japanese.length;
document.getElementById("japanese").innerHTML=japanese[cnt];
document.getElementById("english").innerHTML=' ';
}
</script>
</body>
</html>