|
Server : Apache/2.4.62 System : FreeBSD fbsdweb2.web.rcn.net 14.1-RELEASE FreeBSD 14.1-RELEASE releng/14.1-n267679-10e31f0946d8 GENERIC amd64 User : www ( 80) PHP Version : 8.3.8 Disable Function : NONE Directory : /domains/markrose/ |
Upload File : |
<html>
<head><title>Kana Flashcards</title></head>
<body bgcolor="#FFE0E0">
<form action="" name="theform">
<script>
// This is a web page for displaying a set of flashcards.
// Copyright (C) 2000 by Mark Rosenfelder ([email protected])
// May be freely used and modified for non-commercial use (for commerical use, write me).
// Original page: http://www.zompist.com/flash.html
// Whether to label the cards or not
hidden = 1;
// An array listing the pictures that make up the cards
cards = new Array( "a", "e", "i", "o", "u", "ka", "ke", "ki", "ko", "ku", "sa", "se", "shi", "so", "su",
"ta", "te", "chi", "to", "tsu", "na", "ne", "ni", "no", "nu", "ha", "he", "hi", "ho", "fu",
"ma", "me", "mi", "mo", "mu", "ya", "yu", "yo", "ra", "re", "ri", "ro", "ru", "wa", "wo", "n" );
// The last card we were on
thiscard = 0;
// How many cards the user is still working with
ncard = cards.length;
// A function to build the name of the file that displays a card.
// Change this if you want to use jpegs instead, or another directory, etc.
function cardname()
{
return "illo/" + cards[thiscard] + ".gif";
}
// A function to generate random integers from 0 to (howMany - 1)
function makeRand(howMany)
{
theResult = Math.floor((Math.random()*howMany)%howMany)
return theResult
}
// Display another card
function nextcard()
{
// Randomly choose a card. Don't choose the one we had.
i = makeRand(ncard);
while (i == thiscard)
i = makeRand(ncard);
// Display it.
thiscard = i;
document.images["card"].src = cardname();
// Label it, if the user's cheating.
if (!hidden)
theform.key.value = cards[thiscard];
}
// Turn labelling on or off.
function label()
{
var theform = document.theform;
if (hidden)
{
theform.back.value = "Don't label";
theform.key.value = cards[thiscard];
hidden = 0;
}
else
{
theform.back.value = "Label";
theform.key.value = "";
hidden = 1;
}
}
// Stop displaying the present card.
function forgetme()
{
// Remove element thiscard.
// We don't modify the array. Instead, we flip the current and last cards,
// then decrement the usable size of the array.
if (ncard > 1)
{
lasti = ncard - 1;
temp = cards[thiscard];
cards[thiscard] = cards[lasti];
cards[lasti] = temp;
ncard = ncard - 1;
nextcard()
}
else
alert( "This is the last card!" );
}
// Forget what we forgot: start displaying all cards again.
function doall()
{
ncard = cards.length;
alert( "All cards will be shown now." );
}
// Following is the html for the page itself.
</script>
<h2>Kana Flashcards</h2>
<center>
<table border=1><tr><td bgcolor="white">
<script>
document.write( "<img name='card' src='" + cardname() + "'>" );
</script>
</td></tr></table>
<br><input type="text" size=10 name="key">
<p>
<input type="button" name="next" value="Next card" onclick="nextcard()">
<input type="button" name="forget" value="Forget" onclick="forgetme()">
<input type="button" name="reset" value="Reset" onclick="doall()">
<input type="button" name="back" value="Label" onclick="label()">
</center>
<hr>
<font color="#662222">
<h3>Instructions</h3>
This is a page for learning hiragana, one of the Japanese syllabaries. You'll need Javascript to run it. (You
probably have it already.)
<p>The basic idea is to go through the deck randomly (by pressing <b>Next card</b>), until
you can recognize all the kana.
<p>Press the <b>Label</b> button to display the name of each kana. Leave it on while you're
first learning; when you start to know the kana, turn it on only when you're stumped. You may also find it useful to start by reviewing <a href="illo/kana.html">this chart of all the hiragana characters</a>.
<p>Click <b>Forget</b> once you are sure you know a card. Then it won't be displayed
as you go through the deck, leaving you to concentrate on the ones you don't know yet.
Press <b>Reset</b> to go back to displaying all cards.
<p>If you view the source for the page, you can modify it to display other sets of cards.
</font>
<hr>
<center><a href="default.html"><img src="home.gif" alt="Back to Metaverse"></a></center>
</form>
</body>