My Links to guides to creating and manipulating a few useful javascripts

Click on the links below to go to an on-line guide to creating and manipulating your own javascripts, plus some other javascripts

 

LINK TO ALVARES'  GUIDE TO CREATING TWO JAVASCRIPT BUTTONS
LINK TO ALVARES' GUIDE FOR A SHORT ANSWER QUIZ JAVASCRIPT
LINK TO ALVARES' JAVASCRIPTED TEACH YOURSELF SOME LATIN PAGE
LINK TO ALVARES' JAVASCRIPTED  EXPERIMENTAL LATIN VERB FORMER AND ASSOCIATED STUDENT DRILLSl
A Synopsis of javascripts useful for instructors, especially Latin teachers.
CLICK HERE TO GO TO A PAGE WITH LINKS TO DRILLS OVER VARIOUS LATIN NOUN FORMS
CLICK HERE TO GO TO A PAGE WITH LINKS TO  SCRIPTS USED FOR TEACHING GREEK
A New Page of interactive examples of 24 simple javascripts (buttons, radio buttons, fields) can be found HERE
A New Page Showing the HTML Codes (in a color coded format) of the 24 simple javascripts mentioned above can be found HERE
CLICK HERE TO GO TO MY NEWEST RANDOM and REPEATING DRILLS. (OCT. 1999)
Click here to go to my Newest Random, Choose your number of Questions Drill with redo for incorrect answers and a final score and response (Dec 1999).
My March 2001 article on using Javascript in the Technology Source. 

 

Some Javascripts I have discovered, adapted, created. By clicking on the links in the left-hand column  go to a page that demonstrates the javascript in action.

 may11javatestA.html  This allows you to answer one question with radio buttons, which, when you click another button, gives you a prompt telling you if the answer is correct or not. 
 may11javatestB.html  This allows you to answer one question with radio buttons, which, when you click another button, gives you a prompt telling you if the answer is correct or not. There are two questions here. 
 may11javatestC1.html  This allows you to answer one question with radio buttons, which, when you click another button, gives you a prompt telling you if the answer is correct or not. Press another button, and you get a numerical grade. 
may11javatestC2.html This allows you to answer one question with radio buttons, which, when you click another button, gives you a prompt telling you if the answer is correct or not. Press another button, and you get a numerical grade. There are two questions.
 buttonfield1.html  You click on a button, and a message appears in a field beside it. 
 buttonfield2.html  A button has a question that, when you click on it, makes an answer appear in the field beside it. There is also a button that clears the fields.
 buttonfield3.html  A button has a question that, when you click on it, makes an answer appear in the field beside it. There is also a button that clears the fields.  There are two questions here. 
 buttonfield4.html  This has two buttons, that , when clicked on , show different parts of a Latin sentence, and then another button can show you the whole sentence in a third field. 
  buttonfield5.html  This has two buttons, that , when clicked on , show different parts of a Latin sentence, and then another button can show you the whole sentence in a third field.  Plus there are two buttons that ask you if you got the sentence correct, which give different responses. 
testsun2.html This script asks a question and you type the correct answer into a field. Then click a button, and another field gives a response (like Yessss!) based on whether the answer is correct or not. This script uses functions.
JavaMay19a.html This is basically like testsun2.html, but it allows for multiple correct answers. It also has a graphic of a word in Greek This script uses functions. .
testsun5.html Like testsun2.html above, you type your answers into a field. But when you press the button, you get a numerical score and a response like Yessss!  There are two questions and a start over button.This script uses functions.  
fieldbuttonjuly.html The buttons on these do not use functions, and thus can be cut and paste within an html document in a more efficient way. With these buttons you type an answer into a field, and when you click the button beside it, an alert either says that you are correct, or says that you are wrong and gives you the correct answer. One button has only one possible answer, another has two possible answers, and the third has three possible answers. A quite useful button!
fieldbutton2july.html There are four buttons on this page. For the first button, you type and answer into a field, and when you click the button beside the answer field, a 1 or 0 appears in the small field beside it. This button is something like testsun2.html, save it is more compact and does not use functions. The third button on this page is just like it, except that it can handle two possible answers. The second and fourth buttons on the page not only give you a small field with a  1 or 0, but, when you click the button, an alert either says that you are correct, or says that you are wrong and gives you the correct answer. One button is programmed for only one right answer, another for two right answers.
fieldbutton3july.html This page gives us the same four buttons we had in fieldbutton2july.html, except that there is a function that allows you to push a button at the bottom that puts the total of all the scores of the exercises in a separate field. Further, when the page loads, the score fields have zeroes in them initially, which will not change until the the excercise is answsered correctly. A quite useful set of buttons and a function!
correctbut1.html This button, when click on, provides a prompt into whose field you type an answer. The script then gives you a response based on whether the answer is correct or not. There are two buttons here; one has only one right answer, the other has three possible answers. You can have as many possible answers as you wish. A VERY USEFUL AND SIMPLE BUTTON!
testniceclick.html This does the same thing as correctbut1.html, but instead of the normal grey javascript button, it has a graphic of a button.
Jdoubleans.html This script requires the submission of two answers per question in two different fields and both must be right for the prompt to give a Yesss! response. One of the questions gives the correct answers in response to a wrong answer. There is a reset button. At the bottom of  acc1.html there is an example of a full-fledged exercise using this script, and some of the others seen above.
Below are some more complicated Javascripts.
 JavaquizR.html  Simple quiz with 3 real questions, including a multiple choice. It gives you a running total of your score, and responses to right and wrong answers. This script only allows for one correct answer. But if you go to manyans.htm    you will see a version that allows for more than one correct answer.
may18j.html Simplier version of Javaquiz R with 3 questions and no elaborate responses to right and wrong answers. Thus it uses fewer arrays, simplier code.  
may19b.html A longer version of may18j.html that has 9 questions over Latin principle parts.
mailmessage1x.html  This one allows you to give an email address, put a message in a field, and, when you click, you send the message to the designated address. You must have the browser set up to do e-mail
 mailexercise2.html This allows you to send a message and the results of a one-question exercise to a e-mail address you specify. You must have your browser set up for e-mail.
Latinmouseover.html Here you pass your mouse over a Latin word, and at the bottom of the browser the definition (or any comment) appears.
Latint.html This allows the user to pass the mouse over a word of Latin text and get a definition or other comment that appears in a lower frame. The user can also pass the mouse over one graphic to hide all message, and other to get the full translation.   This set-up is  somewhat complicated. There are actually 3 web pages used at the same time. You must open the main frame page, Latint.html, which in turn opens Latin1.html (which has most of the content) and Lblank.html. I also use the graphics See.GIF and Hide.GIF
May17dv2.html This is a odd little experiment in arrays. When you click on button, it gives you a series of promps that ask you to form present active indicative of amare, and gives you a score as you go.
mainmail.html This script asks you to type information into a field, and then,when you press submit, it sends the information to a predetermined place (in this case Alvaresj@mail.montclair.edu). The browser must be set up to do e-mail.
mainmail2.html This script is like the above, except there are four one-line fields and one large area field for comments. There is also a reset button. This is set up as if you wanted the user to submit name and addresses.
jabanner.html This has a scrolling banner in a field on the page.
manyans.htm This is another quiz like JavaquizR.thml, but it allows for multiple correct answers by using the or command and more arrays.
testmay28H.html You get a prompt that will allow you to type the answer in a field by clicking on a button, one button for each question. Fields create a running score of the number of right and wrong answers, and a percent of correct answers. Multiple answers are allowed.
testjune6B.html This does the same as  testmay28H.html directly abovel, but it also provides a field beside each button that shows an X (for a wrong answer) and a Y (for a correct answer), so that students can keep track of which vocabulary words (or questions) they have attempted at all, and which ones they have gotten correct.
parent.html This script allows students to translate the Latin phrase in a field (you can allow for multiple answers), click on a button that will produce, in the side frame, a message as to whether or not the answer was correct, and the number of right and wrong answers they have, and the average. Students can do the exercises in any order they wish, and do any particular question as many times as they wish. This script requires 3 web pages: parent.html (parent frame), a side frame for the responses to appear (sideframe.html) and this page, testjune1F.html) which has the exercise in it. There is also a reset button that clears the fields. You need to go first to parent.html, which will load the other two pages within its frameset.
matchingJ53.html This javascript allows students to type the letter of the name of a Greek god in one column into a space beside the name of the equivalent Roman god. When the Check answer button is pressed, in a second set of spaces beside the names of the Roman gods 1s or 0s appear, depending on whether the answer was correct, and a field sums up the number of correct answers. There is also a reset button.
synopsisA.html This javascript is a simple adaptation of matchingJ53.html above. Instead of putting a letter in the field, you put the various required forms of the Latin verb amo. When you click the button, you can see how many of them you wrote correctly.
june11RRc.html This javascript is able to randomly select a vocabulary word, which the student must define. The script shows a running record of the number of right and wrong answers and the average. Students  can do the drill as long as they want too; there  is no set  end to the drill. And, since the selection process is random, if the student's do the drill long enough, there will be words repeated. This drill can be made to contain any number of words, and, by adding arrays, a large number of possible answers. This particular script only allows for two. 
Newest Javascripts Below Here
testrandomdrill.html This is a really useful script. One array holds the Latin vocabulary words to be tested, and four other arrays hold four possible answers for each question. The student is given the words randomly, and told the correct answers if his or her answer is incorrect. Further, after the student has gone through all the words once, he or she is retested on the words missed. After this the student is shown how many words were missed the first time through and there is a response (such as "Good show" or "Better try again", depending on how well the student has done.
testxofyrandomdrill.html This drill is like the drill above, except that it only test a predetermined number of words instead of all 20. This is a good model for exercises you wish your students to repeat, since they will never get the same combination.
lwr2hiercse.html This is a simple one, which shows you how to turn upper case words in one field into lower case words in another (or in the same field) and vice versa.
varxofylowerrestest.html Random Latin Vocabulary Drill, in which you can select the number of words out of 20 overall to be randomly picked for your drilll.   You are retested on the words you missed. . All the answers are turned into lower case before being compared to the right answers. Thus it does not matter in what case the answers are entered.   The answers in the answer arrays are all lower case
varxofylowernort.html Random Latin Vocabulary Drill, in which you can select the number of words out of 20 overall to be randomly picked for your drilll. There is no retest. All the answers are turned into lower case before being compared to the right answers. Thus it does not matter in what case the answers are entered.   The answers in the answer arrays are all lower case.
remvblnk.html A script that removes the extra spaces between and after words and turns all letters into upper case. Using such a script with an exercise can ease problems with users who mix upper and lower case.
remvblnkexerc.html An example of an exercise used with the above script that removes extra spaces and converts lower case to upper case.
codearray.html This javascript creates an array whose numbers correspond to social
Security numbers or some other password that is a string of numbers without
breaks. When you put the number in the first field and then click the button, data
corresponding to that number appears in the second field. Using this script
students could check scores on-line.
codearray2.html Same as above, except that the user can check 4 different grades.
chseranscore.html Like varxofylowerrestest.html this is a random Latin Vocabulary Drill, in which you can select the number of words out of 20 overall to be randomly picked for your drilll.   You are retested on the words you missed. . All the answers are turned into lower case before being compared to the right answers. Thus it does not matter in what case the answers are entered.   The answers in the answer arrays are all lower case. The improvement is that, when you finish, you get a percentage score and a reponse that varied according to that average.
pulldwnmenu.html This javascript allows you to create a pull down menu of web page titles, one of  which the user selects and then presses a button, which takes the user to that web page. This is a good way of creating compact  menus. 

 

Copyright April 1999 Jean Alvares

wright

For Questions, advice, comments, corrections, E-Mail me at Alvaresj@mail.montclair.edu


Hit Counter visits since April 15, 1999

 

back1.gif (687 bytes) RETURN TO THE HOME PAGE OF JEAN ALVARES