11234, 11-12-2025

#7

 

 

/* This is the CSS stylesheet used in the exercise. */
/* Elements in square brackets are replaced by data based on configuration settings when the exercise is built. */

/* BeginCorePageCSS */

/* Made with executable version 7.0 Release 3 Build 0 */

/* CSS variables for colours. */
:root{
--strFontFace: arial,helvetica,sans-serif;
--strFontSize: small;
--strTextColor: #000000;
--strTitleColor: #000000;

--strFuncLightColor: #eeeeee;
--strFuncShadeColor: #6e6e6e;
--strLinkColor: #0000ff;
--strVLinkColor: #ff00ff;

--strNavBarColor: #000000;
--strNavLightColor: #7f7f7f;
--strNavShadeColor: #000000;
--strNavTextColor: #ffffff;

--strPageBGColor: #ffffff;
--strExBGColor: #dddddd;
}

body{
font-family: var(--strFontFace);
background-color: var(--strPageBGColor);
color: var(--strTextColor);

margin-right: 5%;
margin-left: 5%;
font-size: var(--strFontSize);
padding-bottom: 0.5em;
}

p{
text-align: left;
margin: 0px;
font-size: 1em;
}

table,div,span,td{
font-size: 1em;
color: var(--strTextColor);
}

div.Titles{
padding: 0.5em;;
text-align: center;
color: var(--strTitleColor);
}

button{
font-family: var(--strFontFace);
font-size: 1em;
display: inline;
}

.ExerciseTitle{
font-size: 140%;
color: var(--strTitleColor);
}

.ExerciseSubtitle{
font-size: 120%;
color: var(--strTitleColor);
}

div.StdDiv, div.ExerciseContainer, div.ReadingContainer{
background-color: var(--strExBGColor);
text-align: center;
font-size: 1em;
color: var(--strTextColor);
padding: 0.5em;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: var(--strTextColor);
margin-bottom: 1px;
}

div.ReadingContainer, div.ExerciseContainer{
min-width: 15em;
flex-grow: 1;
flex-basis: 0;
margin: 1px;
}

div#ContainerDiv{
margin: -1px;
padding: 0;
border: none;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}

/* EndCorePageCSS */

.RTLText{
text-align: right;
font-size: 150%;
direction: rtl;
font-family: "Simplified Arabic", "Traditional Arabic", "Times New Roman", var(--strFontFace);
}

.CentredRTLText{
text-align: center;
font-size: 150%;
direction: rtl;
font-family: "Simplified Arabic", "Traditional Arabic", "Times New Roman", var(--strFontFace);
}

button p.RTLText{
text-align: center;
}

.RTLGapBox{
text-align: right;
font-size: 150%;
direction: rtl;
font-family: "Times New Roman", var(--strFontFace);
}

.Guess{
font-weight: bold;
}

.CorrectAnswer{
font-weight: bold;
}

div#Timer{
padding: 0.25em;
margin-left: auto;
margin-right: auto;
text-align: center;
color: var(--strTitleColor);
}

span#TimerText{
padding: 0.25em;
border-width: 1px;
border-style: solid;
font-weight: bold;
display: none;
color: var(--strTitleColor);
}

span.Instructions{

}

div.ExerciseText{

}

.FeedbackText, .FeedbackText span.CorrectAnswer, .FeedbackText span.Guess, .FeedbackText span.Answer{
color: var(--strTitleColor);
}

.LeftItem{
font-size: 1em;
color: var(--strTextColor);
text-align: left;
}

.RightItem{
font-weight: bold;
font-size: 1em;
color: var(--strTextColor);
text-align: left;
}

span.CorrectMark{

}

input, textarea{
font-family: var(--strFontFace);
font-size: 120%;
}

select{
font-size: 1em;
}

div.Feedback {
background-color: var(--strPageBGColor);
left: 33%;
width: 34%;
top: 33%;
z-index: 1;
border-style: solid;
border-width: 1px;
padding: 5px;
text-align: center;
color: var(--strTitleColor);
position: absolute;
display: none;
font-size: 1em;
}

div.ExerciseDiv{
color: var(--strTextColor);
}

/* JMatch standard output table. */
table.MatchTable{
margin: 2em auto;
border-width: 0;
}

/* JMatch flashcard styles */
table.FlashcardTable{
background-color: transparent;
color: var(--strTextColor);
border-color: var(--strTextColor);
margin-left: auto;
margin-right: auto;
margin-top: 2em;
margin-bottom: 2em;
/*width: 90%;*/
position: relative;
text-align: center;
padding: 0px;
}

table.FlashcardTable tr{
border-style: none;
margin: 0px;
padding: 0px;
background-color: var(--strExBGColor);
}

table.FlashcardTable td.Showing{
font-size: 140%;
text-align: center;
width: 50%;
display: table-cell;
padding: 2em;
margin: 0px;
border-style: solid;
border-width: 1px;
border-radius: 0.5em;
color: var(--strTextColor);
box-shadow: 0.2em 0.3em 0.2em var(--strNavShadeColor);
background-color: var(--strPageBGColor);
}

table.FlashcardTable td.Hidden{
display: none;
}

/* JMix styles */
div.JMixDrag, div.JMatchDrag{
padding: 0;
background-color: var(--strPageBGColor);
border-style: none;
}

div#GuessDiv{
padding: 0.5em;
margin-bottom: 2em;
}

div#SegmentDiv{
margin-top: 2em;
margin-bottom: 2em;
text-align: center;
}

a.ExSegment{
font-size: 120%;
font-weight: bold;
text-decoration: none;
color: var(--strTextColor);
display: inline-block;
padding: 0.5em;
border: solid 1pt gray;
margin-bottom: 0.5em;
}

span.RemainingWordList{
font-style: italic;
}

div.DropLine {
position: absolute;
text-align: left;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: var(--strTitleColor);
width: 80%;
left: 10%;
}

/* JCloze styles */

.ClozeWordList{
text-align: center;
font-weight: bold;
}

div.ClozeBody{
text-align: left;
margin-top: 2em;
margin-bottom: 2em;
line-height: 2.0
}

span.GapSpan{
font-weight: bold;
}

/* JCross styles */

table.CrosswordGrid{
margin: auto auto 1em auto;
border-collapse: collapse;
padding: 0px;
background-color: #000000;
}

table.CrosswordGrid tbody tr td{
width: 1.5em;
height: 1.5em;
text-align: center;
vertical-align: middle;
font-size: 140%;
padding: 1px;
margin: 0px;
border-style: solid;
border-width: 1px;
border-color: #000000;
color: #000000;
}

table.CrosswordGrid span{
color: #000000;
}

table.CrosswordGrid td.BlankCell{
background-color: #000000;
color: #000000;
}

table.CrosswordGrid td.LetterOnlyCell{
text-align: center;
vertical-align: middle;
background-color: #ffffff;
color: #000000;
font-weight: bold;
}

table.CrosswordGrid td.NumLetterCell{
text-align: left;
vertical-align: top;
background-color: #ffffff;
color: #000000;
padding: 1px;
font-weight: bold;
}

.NumLetterCellText{
cursor: pointer;
color: #000000;
}

.GridNum{
vertical-align: super;
font-size: 66%;
font-weight: bold;
text-decoration: none;
color: #000000;
}

.GridNum:hover, .GridNum:visited{
color: #000000;
}

table#Clues{
margin: auto;
vertical-align: top;
}

table#Clues td{
vertical-align: top;
}

table.ClueList{
margin: auto;
}

td.ClueNum{
text-align: right;
font-weight: bold;
vertical-align: top;
}

td.Clue{
text-align: left;
}

div#ClueEntry{
text-align: left;
margin-bottom: 1em;
}

/* Keypad styles */

div.Keypad{
text-align: center;
display: none; /* initially hidden, shown if needed */
margin-bottom: 0.5em;
}

div.Keypad button{
font-family: var(--strFontFace);
font-size: 120%;
background-color: #ffffff;
color: #000000;
width: 2em;
border-style: solid;
border-width: 1px;
border-radius: 0.5em;
color: var(--strTextColor);
box-shadow: 0.2em 0.3em 0.2em var(--strTextColor);
}

/* JQuiz styles */

div.QuestionNavigation{
text-align: center;
}

.QNum{
margin: 0em 1em 0.5em 1em;
font-weight: bold;
vertical-align: middle;
}

textarea{
font-family: var(--strFontFace);
}

.QuestionText{
text-align: left;
margin: 0px;
font-size: 1em;
}

.Answer{
font-size: 120%;
}

.PartialAnswer{
font-size: 120%;
letter-spacing: 0.1em;
color: var(--strTitleColor);
}

.Highlight{
color: #000000;
background-color: #ffff00;
font-weight: bold;
font-size: 120%;
}

ol.QuizQuestions{
text-align: left;
list-style-type: none;
}

li.QuizQuestion{
padding: 1em;
border-style: solid;
border-width: 0px 0px 1px 0px;
}

ol.MCAnswers{
text-align: left;
list-style-type: upper-alpha;
padding: 1em;
}

ol.MCAnswers li{
margin-bottom: 1em;
}

ol.MSelAnswers{
text-align: left;
list-style-type: lower-alpha;
padding: 1em;
}

div.ShortAnswer{
padding: 1em;
}

.FuncButton {
border-style: solid;
border-radius: 0.5em;
padding: 0.5em;
min-width: 3em;

border-left-color: var(--strFuncLightColor);
border-top-color: var(--strFuncLightColor);
border-right-color: var(--strFuncShadeColor);
border-bottom-color: var(--strFuncShadeColor);
color: var(--strTextColor);
background-color: var(--strExBGColor);

border-width: 1pt;
cursor: pointer;
box-shadow: 0.2em 0.3em 0.2em var(--strFuncShadeColor);
}

.FuncButton:active {
box-shadow: none;
}

.FuncButton:hover{
color: var(--strExBGColor);
background-color: var(--strTextColor);
}

/*BeginNavBarStyle*/

div.NavButtonBar{
background-color: var(--strNavBarColor);
text-align: center;
margin: 0.25rem 0;
clear: both;
font-size: 1em;
padding: 0.2em;
box-sizing: border-box;
}

.NavButton {
border-style: solid;
border-radius: 0.5em;
padding: 0.5em;
min-width: 3em;

border-left-color: var(--strNavLightColor);
border-top-color: var(--strNavLightColor);
border-right-color: var(--strNavShadeColor);
border-bottom-color: var(--strNavShadeColor);
background-color: var(--strNavBarColor);
color: var(--strNavTextColor);

border-width: 1pt;
cursor: pointer;
box-shadow: 0.2em 0.3em 0.2em var(--strNavShadeColor);
}

.NavButton:active {
box-shadow: none;
}

.NavButton:hover{
color: var(--strNavBarColor);
background-color: var(--strNavTextColor);
}

/*EndNavBarStyle*/

a{
color: var(--strLinkColor);
}

a:visited{
color: var(--strVLinkColor);
}

a:hover{
color: var(--strLinkColor);
}

div.CardStyle {
position: absolute;
font-family: var(--strFontFace);
font-size: 1em;
border-style: solid;
border-radius: 0.5em;
padding: 0.5em;
min-width: 2em;
border-width: 1pt;
color: var(--strTextColor);
box-shadow: 0.2em 0.3em 0.2em var(--strTextColor);
background-color: var(--strExBGColor);
left: -50px;
top: -50px;
overflow: visible;
touch-action: none;
user-select: none;
box-sizing: border-box;
}

div.CardStyleCentered{
text-align: center;
}

.rtl{
text-align: right;
font-size: 140%;
}

//<![CDATA[

<!--

//CODE FOR HANDLING NAV BUTTONS AND FUNCTION BUTTONS

function FocusAButton(){
if (document.getElementById('CheckButton1') != null){
document.getElementById('CheckButton1').focus();
}
else{
if (document.getElementById('CheckButton2') != null){
document.getElementById('CheckButton2').focus();
}
else{
document.getElementsByTagName('button')[0].focus();
}
}
}

//CODE FOR HANDLING DISPLAY OF POPUP FEEDBACK BOX

var topZ = 1000;

function ShowMessage(Feedback){
var Output = Feedback + '

';
document.getElementById('FeedbackContent').innerHTML = Output;
var FDiv = document.getElementById('FeedbackDiv');
topZ++;
FDiv.style.zIndex = topZ;
FDiv.style.top = TopSettingWithScrollOffset(30) + 'px';

FDiv.style.display = 'block';

ShowElements(false, 'input');
ShowElements(false, 'select');
ShowElements(false, 'object');
ShowElements(true, 'object', 'FeedbackContent');

//Focus the OK button
setTimeout("document.getElementById('FeedbackOKButton').focus()", 50);

//
}

function ShowElements(Show, TagName, ContainerToReverse){
// added third argument to allow objects in the feedback box to appear
//IE bug -- hide all the form elements that will show through the popup
//FF on Mac bug : doesn't redisplay objects whose visibility is set to visible
//unless the object's display property is changed

//get container object (by Id passed in, or use document otherwise)
TopNode = document.getElementById(ContainerToReverse);
var Els;
if (TopNode != null) {
Els = TopNode.getElementsByTagName(TagName);
} else {
Els = document.getElementsByTagName(TagName);
}

for (var i=0; i ReduceToSize){
ItemToDump = Math.floor(InArray.length*Math.random());
InArray.splice(ItemToDump, 1);
}
}

function Shuffle(InArray){
var Num;
var Temp = new Array();
var Len = InArray.length;

var j = Len;

for (var i=0; i<Len; i++){
Temp[i] = InArray[i];
}

for (i=0; i<Len; i++){
Num = Math.floor(j * Math.random());
InArray[i] = Temp[Num];

for (var k=Num; k < (j-1); k++) {
Temp[k] = Temp[k+1];
}
j--;
}
return InArray;
}

function WriteToInstructions(Feedback) {
document.getElementById('InstructionsDiv').innerHTML = Feedback;

}

function EscapeDoubleQuotes(InString){
return InString.replace(/"/g, '"')
}

function TrimString(InString){
var x = 0;

if (InString.length != 0) {
while ((InString.charAt(InString.length - 1) == '\u0020') || (InString.charAt(InString.length - 1) == '\u000A') || (InString.charAt(InString.length - 1) == '\u000D')){
InString = InString.substring(0, InString.length - 1)
}

while ((InString.charAt(0) == '\u0020') || (InString.charAt(0) == '\u000A') || (InString.charAt(0) == '\u000D')){
InString = InString.substring(1, InString.length)
}

while (InString.indexOf(' ') != -1) {
x = InString.indexOf(' ')
InString = InString.substring(0, x) + InString.substring(x+1, InString.length)
}

return InString;
}

else {
return '';
}
}

function FindLongest(InArray){
if (InArray.length < 1){return -1;}

var Longest = 0;
for (var i=1; i InArray[Longest].length){
Longest = i;
}
}
return Longest;
}

//SELECTION OBJECT FOR TYPING WITH KEYPAD
var selObj = null;

SelObj = function(box){
this.box = box;
this.selStart = this.box.selectionStart;
this.selEnd = this.box.selectionEnd;
this.selText = this.box.value.substring(this.selStart, this.selEnd);
return this;
}

function setSelText(newText){
var caretPos = this.selStart + newText.length;
var newValue = this.box.value.substring(0, this.selStart);
newValue += newText;
newValue += this.box.value.substring(this.selEnd, this.box.value.length);
this.box.value = newValue;
this.box.setSelectionRange(caretPos, caretPos);
this.box.focus();
}
SelObj.prototype.setSelText = setSelText;

function setSelSelectionRange(start, end){
this.box.setSelectionRange(start, end);
}
SelObj.prototype.setSelSelectionRange = setSelSelectionRange;

//UNICODE CHARACTER FUNCTIONS
function IsCombiningDiacritic(CharNum){
var Result = (((CharNum >= 0x0300)&&(CharNum = 0x20d0)&&(CharNum = 0x3099)&&(CharNum = 0xfe20)&&(CharNum = 0x3000)&&(CharNum < 0xd800));
}

//SETUP FUNCTIONS
//BROWSER WILL REFILL TEXT BOXES FROM CACHE IF NOT PREVENTED
function ClearTextBoxes(){
var NList = document.getElementsByTagName('input');
for (var i=0; i -1)||(NList[i].id.indexOf('Gap') > -1)){
NList[i].value = '';
}
if (NList[i].id.indexOf('Chk') > -1){
NList[i].checked = '';
}
}
}

//JCROSS CORE JAVASCRIPT CODE

var InGap = false;
var CurrentBox = null;
var Feedback = '';
var AcrossCaption = '';
var DownCaption = '';
var Correct = 'Correct! Well done.';
var Incorrect = 'Some of your answers are incorrect. Incorrect squares have been blanked out.';
var GiveHint = 'A correct letter has been added.';
var YourScoreIs = 'Your score is ';
var BuiltGrid = '';
var BuiltExercise = '';
var Penalties = 0;
var Score = 0;
var InTextBox = false;
var Locked = false;
var TimeOver = false;
var CaseSensitive = false;

var InputStuff = '[strClueNum]: ';
InputStuff += '[strClue] ';
InputStuff += 'Enter';
InputStuff += 'Hint';
InputStuff += '';

var CurrBoxElement = null;
var Finished = false;

function StartUp(){
//Show a keypad if there is one (added bugfix for 6.0.4.12)
if (document.getElementById('CharacterKeypad') != null){
document.getElementById('CharacterKeypad').style.display = 'block';
}

AcrossCaption = document.getElementById('CluesAcrossLabel').innerHTML;
DownCaption = document.getElementById('CluesDownLabel').innerHTML;

}

function GetAnswerLength(Across,x,y){
Result = 0;
if (Across == false){
while ((x 0)){
Result += L[x][y].length;
x++;
}
return Result;
}
else{
while ((y 0)){
Result += L[x][y].length;
y++;
}
return Result;
}
}

function GetEditSize(Across,x,y){
var Len = GetAnswerLength(Across,x,y);
if (IsCJK(L[x][y].charCodeAt(0))){
Len *= 2;
}
return Len;
}

function ShowClue(ClueNum,x,y){
var Result = '';
var Temp;
var strParams;
var Clue = document.getElementById('Clue_A_' + ClueNum);
if (Clue != null){
Temp = InputStuff.replace(/\[ClueNum\]/g, ClueNum);
Temp = Temp.replace(/\[strClueNum\]/g, AcrossCaption + ' ' + ClueNum);
strParams = 'true,' + ClueNum + ',' + x + ',' + y + ',\'[strBoxId]\'';
Temp = Temp.replace(/\[strParams\]/g, strParams);
Temp = Temp.replace(/\[strBoxId\]/g, 'GA_' + ClueNum + '_' + x + '_' + y);
Temp = Temp.replace(/\[strEditSize\]/g, GetEditSize(true,x,y));
Temp = Temp.replace(/\[strMaxLength\]/g, GetAnswerLength(true,x,y));
Temp = Temp.replace(/\[strClue\]/g, Clue.innerHTML, Temp);
Result += Temp;
}
Clue = document.getElementById('Clue_D_' + ClueNum);
if (Clue != null){
Temp = InputStuff.replace(/\[ClueNum\]/g, ClueNum);
Temp = Temp.replace(/\[strClueNum\]/g, DownCaption + ' ' + ClueNum);
strParams = 'false,' + ClueNum + ',' + x + ',' + y + ',\'[strBoxId]\'';
Temp = Temp.replace(/\[strParams\]/g, strParams);
Temp = Temp.replace(/\[strBoxId\]/g, 'GD_' + ClueNum + '_' + x + '_' + y);
Temp = Temp.replace(/\[strEditSize\]/g, GetAnswerLength(false,x,y));
Temp = Temp.replace(/\[strClue\]/g, Clue.innerHTML, Temp);
Result += Temp;
}
document.getElementById('ClueEntry').innerHTML = Result;
}

function EnterGuess(Across,ClueNum,x,y,BoxId){
if (document.getElementById(BoxId) != null){
var Guess = document.getElementById(BoxId).value;
var AnsLength = GetAnswerLength(Across,x,y);
EnterAnswer(Guess,Across,AnsLength,x,y);
}
}

function SplitStringToPerceivedChars(InString, PC){
var Temp = InString.charAt(0);
if (InString.length > 1){
for (var i=1; i<InString.length; i++){
if (IsCombiningDiacritic(InString.charCodeAt(i)) == true){
Temp += InString.charAt(i);
}
else{
PC.push(Temp);
Temp = InString.charAt(i);
}
}
}
PC.push(Temp);
}

function EnterAnswer(Guess,Across,AnsLength,x,y){
var PC = new Array();
SplitStringToPerceivedChars(Guess, PC);

var i=x;
var j=y;
var Letter = 0;
while (Letter < AnsLength){
if (Letter < PC.length){
G[i][j] = PC[Letter];
if (document.getElementById('L_' + i + '_' + j) != null){
document.getElementById('L_' + i + '_' + j).innerHTML = PC[Letter];
}
}
if (Across == true){
j++;
}
else{
i++;
}
Letter++;
}
}

function SetGridSquareValue(x,y,Val){
var GridId = 'L_' + x + '_' + y;
if (document.getElementById(GridId) != null){
document.getElementById(GridId).innerHTML = Val;
}
}

function ShowHint(Across,ClueNum,x,y,BoxId){
var i=x;
var j=y;
var LetterFromGuess = '';
var LetterFromKey = '';
var OutString = '';
if (Across==true){
while (j<L[i].length){
if (L[i][j] != ''){
OutString += L[i][j];
if (CaseSensitive == true){
LetterFromKey = L[i][j];
LetterFromGuess = G[i][j];
}
else {
LetterFromKey = L[i][j].toUpperCase();
LetterFromGuess = G[i][j].toUpperCase();
}
if (LetterFromGuess != LetterFromKey){
// if (G[i][j] != L[i][j]){
G[i][j] = L[i][j];
Penalties++;
break;
}
}
else{
break;
}
j++;
}
}
else{
while (i<L.length){
if (L[i][j] != ''){
OutString += L[i][j];
if (CaseSensitive == true){
LetterFromKey = L[i][j];
LetterFromGuess = G[i][j];
}
else {
LetterFromKey = L[i][j].toUpperCase();
LetterFromGuess = G[i][j].toUpperCase();
}
if (LetterFromGuess != LetterFromKey){
// if (G[i][j] != L[i][j]){
G[i][j] = L[i][j];
Penalties++;
break;
}
}
else{
break;
}
i++;
}
}
if (document.getElementById(BoxId) != null){
document.getElementById(BoxId).value = OutString;
}
}

L = new Array();
L[0] = new Array('','D','','','','','','','','','','');
L[1] = new Array('B','E','A','T','R','I','C','E','','','','');
L[2] = new Array('','A','','E','','','E','','','','','');
L[3] = new Array('','','','A','','','L','','','','','');
L[4] = new Array('','','','T','','','E','','','','','');
L[5] = new Array('T','E','R','R','A','','S','T','O','R','I','A');
L[6] = new Array('','','C','O','N','','T','','','','','');
L[7] = new Array('','','','','T','R','E','','','','','');
L[8] = new Array('','','','','I','','','','','','','');
L[9] = new Array('','','','','C','R','O','N','A','C','A','');
L[10] = new Array('','','','','I','','','','','','','');
L[11] = new Array('','','','','P','','','','','','','');
L[12] = new Array('','','','','O','','','','','','','');

CL = new Array();
CL[0] = new Array(0,1,0,0,0,0,0,0,0,0,0,0);
CL[1] = new Array(2,0,0,3,0,0,4,0,0,0,0,0);
CL[2] = new Array(0,0,0,0,0,0,0,0,0,0,0,0);
CL[3] = new Array(0,0,0,0,0,0,0,0,0,0,0,0);
CL[4] = new Array(0,0,0,0,0,0,0,0,0,0,0,0);
CL[5] = new Array(5,0,6,0,7,0,8,0,0,0,0,0);
CL[6] = new Array(0,0,9,0,0,0,0,0,0,0,0,0);
CL[7] = new Array(0,0,0,0,10,0,0,0,0,0,0,0);
CL[8] = new Array(0,0,0,0,0,0,0,0,0,0,0,0);
CL[9] = new Array(0,0,0,0,11,0,0,0,0,0,0,0);
CL[10] = new Array(0,0,0,0,0,0,0,0,0,0,0,0);
CL[11] = new Array(0,0,0,0,0,0,0,0,0,0,0,0);
CL[12] = new Array(0,0,0,0,0,0,0,0,0,0,0,0);

G = new Array();
G[0] = new Array('','','','','','','','','','','','');
G[1] = new Array('','','','','','','','','','','','');
G[2] = new Array('','','','','','','','','','','','');
G[3] = new Array('','','','','','','','','','','','');
G[4] = new Array('','','','','','','','','','','','');
G[5] = new Array('','','','','','','','','','','','');
G[6] = new Array('','','','','','','','','','','','');
G[7] = new Array('','','','','','','','','','','','');
G[8] = new Array('','','','','','','','','','','','');
G[9] = new Array('','','','','','','','','','','','');
G[10] = new Array('','','','','','','','','','','','');
G[11] = new Array('','','','','','','','','','','','');
G[12] = new Array('','','','','','','','','','','','');

function CheckAnswers(){
if (Locked == true){return;}

var AllCorrect = true;
var TotLetters = 0;
var CorrectLetters = 0;
var LetterFromKey = '';
var LetterFromGuess = '';

//Check each letter
for (var i=0; i<L.length; i++){
for (var j=0; j<L[i].length; j++){
if (L[i][j] != ''){
TotLetters++;
if (CaseSensitive == true) {
LetterFromKey = L[i][j];
LetterFromGuess = G[i][j];
}
else {
LetterFromKey = L[i][j].toUpperCase();
LetterFromGuess = G[i][j].toUpperCase();
}
if (LetterFromGuess != LetterFromKey){
G[i][j] = '';
//Blank that square in the grid
SetGridSquareValue(i,j,'');
AllCorrect = false;
}
else{
CorrectLetters++;
}
}
}
}

Score = Math.floor(((CorrectLetters-Penalties) * 100)/TotLetters);
if (Score < 0){Score = 0;}

//Compile the output
var Output = '';

if (AllCorrect == true){
Output = Correct + '
';
}

Output += YourScoreIs + ' ' + Score + '%.
';
if (AllCorrect == false){
Output += Incorrect;
Penalties++;
}

ShowMessage(Output);
WriteToInstructions(Output);

if ((AllCorrect == true)||(TimeOver == true)){

TimeOver = true;
Locked = true;
Finished = true;
}

}

function TypeChars(Chars){
if (CurrentBox != null){
CurrentBox.value += Chars;
}
}

//-->

//]]>

 

 

#6

#5

 

 

 

/* This is the CSS stylesheet used in the exercise. */
/* Elements in square brackets are replaced by data based on configuration settings when the exercise is built. */

/* BeginCorePageCSS */

/* Made with executable version 7.0 Release 3 Build 0 */

/* CSS variables for colours. */
:root{
--strFontFace: arial,helvetica,sans-serif;
--strFontSize: small;
--strTextColor: #000000;
--strTitleColor: #000000;

--strFuncLightColor: #eeeeee;
--strFuncShadeColor: #6e6e6e;
--strLinkColor: #0000ff;
--strVLinkColor: #ff00ff;

--strNavBarColor: #000000;
--strNavLightColor: #7f7f7f;
--strNavShadeColor: #000000;
--strNavTextColor: #ffffff;

--strPageBGColor: #ffffff;
--strExBGColor: #dddddd;
}

body{
font-family: var(--strFontFace);
background-color: var(--strPageBGColor);
color: var(--strTextColor);

margin-right: 5%;
margin-left: 5%;
font-size: var(--strFontSize);
padding-bottom: 0.5em;
}

p{
text-align: left;
margin: 0px;
font-size: 1em;
}

table,div,span,td{
font-size: 1em;
color: var(--strTextColor);
}

div.Titles{
padding: 0.5em;;
text-align: center;
color: var(--strTitleColor);
}

button{
font-family: var(--strFontFace);
font-size: 1em;
display: inline;
}

.ExerciseTitle{
font-size: 140%;
color: var(--strTitleColor);
}

.ExerciseSubtitle{
font-size: 120%;
color: var(--strTitleColor);
}

div.StdDiv, div.ExerciseContainer, div.ReadingContainer{
background-color: var(--strExBGColor);
text-align: center;
font-size: 1em;
color: var(--strTextColor);
padding: 0.5em;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: var(--strTextColor);
margin-bottom: 1px;
}

div.ReadingContainer, div.ExerciseContainer{
min-width: 15em;
flex-grow: 1;
flex-basis: 0;
margin: 1px;
}

div#ContainerDiv{
margin: -1px;
padding: 0;
border: none;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}

/* EndCorePageCSS */

.RTLText{
text-align: right;
font-size: 150%;
direction: rtl;
font-family: "Simplified Arabic", "Traditional Arabic", "Times New Roman", var(--strFontFace);
}

.CentredRTLText{
text-align: center;
font-size: 150%;
direction: rtl;
font-family: "Simplified Arabic", "Traditional Arabic", "Times New Roman", var(--strFontFace);
}

button p.RTLText{
text-align: center;
}

.RTLGapBox{
text-align: right;
font-size: 150%;
direction: rtl;
font-family: "Times New Roman", var(--strFontFace);
}

.Guess{
font-weight: bold;
}

.CorrectAnswer{
font-weight: bold;
}

div#Timer{
padding: 0.25em;
margin-left: auto;
margin-right: auto;
text-align: center;
color: var(--strTitleColor);
}

span#TimerText{
padding: 0.25em;
border-width: 1px;
border-style: solid;
font-weight: bold;
display: none;
color: var(--strTitleColor);
}

span.Instructions{

}

div.ExerciseText{

}

.FeedbackText, .FeedbackText span.CorrectAnswer, .FeedbackText span.Guess, .FeedbackText span.Answer{
color: var(--strTitleColor);
}

.LeftItem{
font-size: 1em;
color: var(--strTextColor);
text-align: left;
}

.RightItem{
font-weight: bold;
font-size: 1em;
color: var(--strTextColor);
text-align: left;
}

span.CorrectMark{

}

input, textarea{
font-family: var(--strFontFace);
font-size: 120%;
}

select{
font-size: 1em;
}

div.Feedback {
background-color: var(--strPageBGColor);
left: 33%;
width: 34%;
top: 33%;
z-index: 1;
border-style: solid;
border-width: 1px;
padding: 5px;
text-align: center;
color: var(--strTitleColor);
position: absolute;
display: none;
font-size: 1em;
}

div.ExerciseDiv{
color: var(--strTextColor);
}

/* JMatch standard output table. */
table.MatchTable{
margin: 2em auto;
border-width: 0;
}

/* JMatch flashcard styles */
table.FlashcardTable{
background-color: transparent;
color: var(--strTextColor);
border-color: var(--strTextColor);
margin-left: auto;
margin-right: auto;
margin-top: 2em;
margin-bottom: 2em;
/*width: 90%;*/
position: relative;
text-align: center;
padding: 0px;
}

table.FlashcardTable tr{
border-style: none;
margin: 0px;
padding: 0px;
background-color: var(--strExBGColor);
}

table.FlashcardTable td.Showing{
font-size: 140%;
text-align: center;
width: 50%;
display: table-cell;
padding: 2em;
margin: 0px;
border-style: solid;
border-width: 1px;
border-radius: 0.5em;
color: var(--strTextColor);
box-shadow: 0.2em 0.3em 0.2em var(--strNavShadeColor);
background-color: var(--strPageBGColor);
}

table.FlashcardTable td.Hidden{
display: none;
}

/* JMix styles */
div.JMixDrag, div.JMatchDrag{
padding: 0;
background-color: var(--strPageBGColor);
border-style: none;
}

div#GuessDiv{
padding: 0.5em;
margin-bottom: 2em;
}

div#SegmentDiv{
margin-top: 2em;
margin-bottom: 2em;
text-align: center;
}

a.ExSegment{
font-size: 120%;
font-weight: bold;
text-decoration: none;
color: var(--strTextColor);
display: inline-block;
padding: 0.5em;
border: solid 1pt gray;
margin-bottom: 0.5em;
}

span.RemainingWordList{
font-style: italic;
}

div.DropLine {
position: absolute;
text-align: left;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: var(--strTitleColor);
width: 80%;
left: 10%;
}

/* JCloze styles */

.ClozeWordList{
text-align: center;
font-weight: bold;
}

div.ClozeBody{
text-align: left;
margin-top: 2em;
margin-bottom: 2em;
line-height: 2.0
}

span.GapSpan{
font-weight: bold;
}

/* JCross styles */

table.CrosswordGrid{
margin: auto auto 1em auto;
border-collapse: collapse;
padding: 0px;
background-color: #000000;
}

table.CrosswordGrid tbody tr td{
width: 1.5em;
height: 1.5em;
text-align: center;
vertical-align: middle;
font-size: 140%;
padding: 1px;
margin: 0px;
border-style: solid;
border-width: 1px;
border-color: #000000;
color: #000000;
}

table.CrosswordGrid span{
color: #000000;
}

table.CrosswordGrid td.BlankCell{
background-color: #000000;
color: #000000;
}

table.CrosswordGrid td.LetterOnlyCell{
text-align: center;
vertical-align: middle;
background-color: #ffffff;
color: #000000;
font-weight: bold;
}

table.CrosswordGrid td.NumLetterCell{
text-align: left;
vertical-align: top;
background-color: #ffffff;
color: #000000;
padding: 1px;
font-weight: bold;
}

.NumLetterCellText{
cursor: pointer;
color: #000000;
}

.GridNum{
vertical-align: super;
font-size: 66%;
font-weight: bold;
text-decoration: none;
color: #000000;
}

.GridNum:hover, .GridNum:visited{
color: #000000;
}

table#Clues{
margin: auto;
vertical-align: top;
}

table#Clues td{
vertical-align: top;
}

table.ClueList{
margin: auto;
}

td.ClueNum{
text-align: right;
font-weight: bold;
vertical-align: top;
}

td.Clue{
text-align: left;
}

div#ClueEntry{
text-align: left;
margin-bottom: 1em;
}

/* Keypad styles */

div.Keypad{
text-align: center;
display: none; /* initially hidden, shown if needed */
margin-bottom: 0.5em;
}

div.Keypad button{
font-family: var(--strFontFace);
font-size: 120%;
background-color: #ffffff;
color: #000000;
width: 2em;
border-style: solid;
border-width: 1px;
border-radius: 0.5em;
color: var(--strTextColor);
box-shadow: 0.2em 0.3em 0.2em var(--strTextColor);
}

/* JQuiz styles */

div.QuestionNavigation{
text-align: center;
}

.QNum{
margin: 0em 1em 0.5em 1em;
font-weight: bold;
vertical-align: middle;
}

textarea{
font-family: var(--strFontFace);
}

.QuestionText{
text-align: left;
margin: 0px;
font-size: 1em;
}

.Answer{
font-size: 120%;
}

.PartialAnswer{
font-size: 120%;
letter-spacing: 0.1em;
color: var(--strTitleColor);
}

.Highlight{
color: #000000;
background-color: #ffff00;
font-weight: bold;
font-size: 120%;
}

ol.QuizQuestions{
text-align: left;
list-style-type: none;
}

li.QuizQuestion{
padding: 1em;
border-style: solid;
border-width: 0px 0px 1px 0px;
}

ol.MCAnswers{
text-align: left;
list-style-type: upper-alpha;
padding: 1em;
}

ol.MCAnswers li{
margin-bottom: 1em;
}

ol.MSelAnswers{
text-align: left;
list-style-type: lower-alpha;
padding: 1em;
}

div.ShortAnswer{
padding: 1em;
}

.FuncButton {
border-style: solid;
border-radius: 0.5em;
padding: 0.5em;
min-width: 3em;

border-left-color: var(--strFuncLightColor);
border-top-color: var(--strFuncLightColor);
border-right-color: var(--strFuncShadeColor);
border-bottom-color: var(--strFuncShadeColor);
color: var(--strTextColor);
background-color: var(--strExBGColor);

border-width: 1pt;
cursor: pointer;
box-shadow: 0.2em 0.3em 0.2em var(--strFuncShadeColor);
}

.FuncButton:active {
box-shadow: none;
}

.FuncButton:hover{
color: var(--strExBGColor);
background-color: var(--strTextColor);
}

/*BeginNavBarStyle*/

div.NavButtonBar{
background-color: var(--strNavBarColor);
text-align: center;
margin: 0.25rem 0;
clear: both;
font-size: 1em;
padding: 0.2em;
box-sizing: border-box;
}

.NavButton {
border-style: solid;
border-radius: 0.5em;
padding: 0.5em;
min-width: 3em;

border-left-color: var(--strNavLightColor);
border-top-color: var(--strNavLightColor);
border-right-color: var(--strNavShadeColor);
border-bottom-color: var(--strNavShadeColor);
background-color: var(--strNavBarColor);
color: var(--strNavTextColor);

border-width: 1pt;
cursor: pointer;
box-shadow: 0.2em 0.3em 0.2em var(--strNavShadeColor);
}

.NavButton:active {
box-shadow: none;
}

.NavButton:hover{
color: var(--strNavBarColor);
background-color: var(--strNavTextColor);
}

/*EndNavBarStyle*/

a{
color: var(--strLinkColor);
}

a:visited{
color: var(--strVLinkColor);
}

a:hover{
color: var(--strLinkColor);
}

div.CardStyle {
position: absolute;
font-family: var(--strFontFace);
font-size: 1em;
border-style: solid;
border-radius: 0.5em;
padding: 0.5em;
min-width: 2em;
border-width: 1pt;
color: var(--strTextColor);
box-shadow: 0.2em 0.3em 0.2em var(--strTextColor);
background-color: var(--strExBGColor);
left: -50px;
top: -50px;
overflow: visible;
touch-action: none;
user-select: none;
box-sizing: border-box;
}

div.CardStyleCentered{
text-align: center;
}

.rtl{
text-align: right;
font-size: 140%;
}

//<![CDATA[

<!--

//CODE FOR HANDLING NAV BUTTONS AND FUNCTION BUTTONS

function FocusAButton(){
if (document.getElementById('CheckButton1') != null){
document.getElementById('CheckButton1').focus();
}
else{
if (document.getElementById('CheckButton2') != null){
document.getElementById('CheckButton2').focus();
}
else{
document.getElementsByTagName('button')[0].focus();
}
}
}

//CODE FOR HANDLING DISPLAY OF POPUP FEEDBACK BOX

var topZ = 1000;

function ShowMessage(Feedback){
var Output = Feedback + '

';
document.getElementById('FeedbackContent').innerHTML = Output;
var FDiv = document.getElementById('FeedbackDiv');
topZ++;
FDiv.style.zIndex = topZ;
FDiv.style.top = TopSettingWithScrollOffset(30) + 'px';

FDiv.style.display = 'block';

ShowElements(false, 'input');
ShowElements(false, 'select');
ShowElements(false, 'object');
ShowElements(true, 'object', 'FeedbackContent');

//Focus the OK button
setTimeout("document.getElementById('FeedbackOKButton').focus()", 50);

//
// RefreshImages();
//
}

function ShowElements(Show, TagName, ContainerToReverse){
// added third argument to allow objects in the feedback box to appear
//IE bug -- hide all the form elements that will show through the popup
//FF on Mac bug : doesn't redisplay objects whose visibility is set to visible
//unless the object's display property is changed

//get container object (by Id passed in, or use document otherwise)
TopNode = document.getElementById(ContainerToReverse);
var Els;
if (TopNode != null) {
Els = TopNode.getElementsByTagName(TagName);
} else {
Els = document.getElementsByTagName(TagName);
}

for (var i=0; i ReduceToSize){
ItemToDump = Math.floor(InArray.length*Math.random());
InArray.splice(ItemToDump, 1);
}
}

function Shuffle(InArray){
var Num;
var Temp = new Array();
var Len = InArray.length;

var j = Len;

for (var i=0; i<Len; i++){
Temp[i] = InArray[i];
}

for (i=0; i<Len; i++){
Num = Math.floor(j * Math.random());
InArray[i] = Temp[Num];

for (var k=Num; k < (j-1); k++) {
Temp[k] = Temp[k+1];
}
j--;
}
return InArray;
}

function WriteToInstructions(Feedback) {
document.getElementById('InstructionsDiv').innerHTML = Feedback;

RefreshImages();

}

Imgs = new Array();

function PreloadImages(){
var a = PreloadImages.arguments;
for (var i=0; i<a.length; i++){
Imgs[i] = new Image();
Imgs[i].src = a[i];
}
}

function RefreshImages(){
for (var i=0; i<document.images.length; i++){
if (document.images[i].name.substring(0,6) != 'NavBar'){
document.images[i].src = document.images[i].src;
}
}
}

function EscapeDoubleQuotes(InString){
return InString.replace(/"/g, '"')
}

function TrimString(InString){
var x = 0;

if (InString.length != 0) {
while ((InString.charAt(InString.length - 1) == '\u0020') || (InString.charAt(InString.length - 1) == '\u000A') || (InString.charAt(InString.length - 1) == '\u000D')){
InString = InString.substring(0, InString.length - 1)
}

while ((InString.charAt(0) == '\u0020') || (InString.charAt(0) == '\u000A') || (InString.charAt(0) == '\u000D')){
InString = InString.substring(1, InString.length)
}

while (InString.indexOf(' ') != -1) {
x = InString.indexOf(' ')
InString = InString.substring(0, x) + InString.substring(x+1, InString.length)
}

return InString;
}

else {
return '';
}
}

function FindLongest(InArray){
if (InArray.length < 1){return -1;}

var Longest = 0;
for (var i=1; i InArray[Longest].length){
Longest = i;
}
}
return Longest;
}

//SELECTION OBJECT FOR TYPING WITH KEYPAD
var selObj = null;

SelObj = function(box){
this.box = box;
this.selStart = this.box.selectionStart;
this.selEnd = this.box.selectionEnd;
this.selText = this.box.value.substring(this.selStart, this.selEnd);
return this;
}

function setSelText(newText){
var caretPos = this.selStart + newText.length;
var newValue = this.box.value.substring(0, this.selStart);
newValue += newText;
newValue += this.box.value.substring(this.selEnd, this.box.value.length);
this.box.value = newValue;
this.box.setSelectionRange(caretPos, caretPos);
this.box.focus();
}
SelObj.prototype.setSelText = setSelText;

function setSelSelectionRange(start, end){
this.box.setSelectionRange(start, end);
}
SelObj.prototype.setSelSelectionRange = setSelSelectionRange;

//UNICODE CHARACTER FUNCTIONS
function IsCombiningDiacritic(CharNum){
var Result = (((CharNum >= 0x0300)&&(CharNum = 0x20d0)&&(CharNum = 0x3099)&&(CharNum = 0xfe20)&&(CharNum = 0x3000)&&(CharNum < 0xd800));
}

//SETUP FUNCTIONS
//BROWSER WILL REFILL TEXT BOXES FROM CACHE IF NOT PREVENTED
function ClearTextBoxes(){
var NList = document.getElementsByTagName('input');
for (var i=0; i -1)||(NList[i].id.indexOf('Gap') > -1)){
NList[i].value = '';
}
if (NList[i].id.indexOf('Chk') > -1){
NList[i].checked = '';
}
}
}

//JMATCH CORE JAVASCRIPT CODE

var CorrectIndicator = '✔';
var IncorrectIndicator = '✘';
var YourScoreIs = 'Your score is ';
var CorrectResponse = 'Correct! Well done.';
var IncorrectResponse = 'Sorry! Try again. ';
var TotalUnfixedLeftItems = 0;
var TotCorrectChoices = 0;
var Penalties = 0;
var Finished = false;
var TimeOver = false;

var Score = 0;
var Locked = false;
var ShuffleQs = false;
var QsToShow = 4;

function TimerStartUp(){
setTimeout('JsonEx.Setup()', 300);
}

/*
The new V7 JSON object replaces the arrays of old.
*/
var V7JsonEx = '{ "ShuffleLeftItems": false, "IsSimple": true, "ItemsToShow": -1, "LeftItems": [{"OrigPos": 0, "Group": 0}, {"OrigPos": 1, "Group": 1}, {"OrigPos": 2, "Group": 2}, {"OrigPos": 3, "Group": 3}], "RightItems": [{"OrigPos": 0, "Groups": [0], "MatchedWith": -1}, {"OrigPos": 1, "Groups": [1], "MatchedWith": -1}, {"OrigPos": 2, "Groups": [2], "MatchedWith": -1}, {"OrigPos": 3, "Groups": [3], "MatchedWith": -1}]}';

var JsonEx = JSON.parse(V7JsonEx);

JsonEx.GetLeftItemByOrigPos = function(Pos){
for (var i=0; i<this.LeftItems.length; i++){

if (this.LeftItems[i].OrigPos == Pos){
return this.LeftItems[i];
}
}
return null;
};

JsonEx.GetRightItemByOrigPos = function(Pos){
for (var i=0; i<this.RightItems.length; i++){
if (this.RightItems[i].OrigPos == Pos){
return this.RightItems[i];
}
}
return null;
};

//Methods for the object.
JsonEx.Setup = function(){
var i, j, nList, LI, RI;

PreloadImages('https://media.istockphoto.com/id/1213207280/photo/cute-small-dog-standing-on-two-legs-and-looking-away-by-the-window-searching-or-waiting-for.jpg?s=1024x1024&w=is&k=20&c=l_ZV52OtiIZkzEOxVnQF_psuEYHnK1DnW9s3SQ0enhQ=','https://zampol.it/wp-content/uploads/2023/02/Caratteristiche_del_gatto-1024x683.jpg','https://img.cnngreece.gr/img/1290/max/80/2016/05/21/Nemo_Promo_5.webp?t=Uqbefpfv10bLq006HqrnaQ','https://www.typosthes.gr/sites/default/files/styles/default/public/%CE%B1%CF%83%CF%84%CF%85%CE%BD%CE%BF%CE%BC%CE%B9%CE%BA%CE%BF%CE%B9-%CE%B1%CF%80%CE%B8-%CE%BC%CF%80%CE%BF%CF%85%CF%84%CE%AC%CF%81%CE%B7%CF%82.jpg?itok=FAWXmjap');

//Get a reference to the table's tbody.
this.tbody = document.querySelector('tbody#MatchItems');

//Connect each of the items to its cell or select element.
for (var i=0; i 2){
while (this.LeftItems.length > this.ItemsToShow){
RemItem = Math.floor(this.LeftItems.length*Math.random());
OP = this.LeftItems[RemItem].OrigPos;
//Remove the whole table row which is the parent of this left item.
var row = this.LeftItems[RemItem].Cell.parentNode;
row.parentNode.removeChild(row);
this.LeftItems.splice(RemItem, 1);

//Having removed an item from the left, we must remove the corresponding
//one from the right if it exists. (There may not be a matching item if
//the one removed was a distractor.)
for (i = 0; i < this.RightItems.length; i++){
if (this.RightItems[i].OrigPos == OP){
//Before removing the item itself, we need to remove its option
//from all the select elements.
nList = document.querySelectorAll('option[data-origPos="R_' + OP + '"]');
for (var j=0; j=0; i--){
arrRows.push(this.tbody.removeChild(rows[i]));
}
arrRows = Shuffle(arrRows);
for (i=0; i<arrRows.length; i++){
this.tbody.appendChild(arrRows[i]);
}
}

//Now get a reference to all selectors, since distractors may not be associated
//with a right item.
this.AllSelects = document.querySelectorAll('select[id^="R_"]');

//Now we check for any select that should be pre-selected (fixed item).
for (i = 0; i -1)){
for (var j=0; j<Sel.options.length; j++){
if (Sel.options[j].value == Pos){
Sel.options.selectedIndex = j;
Sel.dispatchEvent(new Event("change", {"bubbles": true}));
break;
}
}
}
}

StartTimer();

};

JsonEx.AlignSelects = function(OrigPos){
var Select = document.getElementById('R_' + OrigPos);
var CurrMatch = Select.options[Select.selectedIndex].value;
var RI = this.GetRightItemByOrigPos(OrigPos);
var i;

//First we make sure that if this is unselecting
//a previous selection, we re-show all the corresponding
//items.
if ((!RI)||(RI.MatchedWith != CurrMatch)){
var lastMatch = RI? RI.MatchedWith : Select.getAttribute('data-LastMatch') ? Select.getAttribute('data-LastMatch') : -1;
for (i=0; i -1){
for (i=0; i<this.AllSelects.length; i++){
if (Select !== this.AllSelects[i]){
this.AllSelects[i].querySelector('option[value="' + CurrMatch + '"]').disabled = 'disabled';
}
}
}
};

JsonEx.CheckAnswers = function(){
/*
Check each right item to see whether a) it had an
original match on the left, and b) it is matched
to a left item whose group is one of its groups.
*/

if (!this.hasOwnProperty('Penalties')){
this.Penalties = 0;
}
var ItemsToCount = this.AllSelects.length;
var CorrectItems = 0;
var Done = true; //Assume till proven otherwise.
var i, selectedOrigPos, LI, RI;

//Tot up the scores.

//Go through all the left items.
for (i=0; i -1){
//Mark this right
LI.MarkingCell.innerHTML = CorrectIndicator;
if ((this.IsSimple)&&(LI.Select.style.display !== 'none')){
//LI.Select.parentNode.innerHTML = LI.Select.options[LI.Select.options.selectedIndex].innerText;
LI.Select.parentNode.appendChild(document.createTextNode(LI.Select.options[LI.Select.options.selectedIndex].innerText));
LI.Select.style.display = 'none';
}
CorrectItems++;
}
else{
LI.MarkingCell.innerHTML = IncorrectIndicator;
Done = false;
}
}
}
}

if (!this.hasOwnProperty('Score')){
this.Score = 0;
}
this.Score = Math.round((100*(CorrectItems - this.Penalties))/ItemsToCount);
if (Done === false){
this.Penalties++;
}
return Done;
};

function CheckAnswers(){
if (Locked == true){return;}

var Feedback = '';

var AllDone = JsonEx.CheckAnswers();
Score = JsonEx.Score;
if (Score < 0){Score = 0;}

if (AllDone == true){
Feedback = YourScoreIs + ' ' + Score + '%.
' + CorrectResponse;
}
else {
if (TimeOver == true){
Feedback = YourScoreIs + ' ' + Score + '%.'
}
else{
Feedback = YourScoreIs + ' ' + Score + '%.' + '
' + IncorrectResponse;
}
}
ShowMessage(Feedback);

//If the exercise is over, deal with that
if ((AllDone == true)||(TimeOver == true)){

window.clearInterval(Interval);

TimeOver = true;
Locked = true;
Finished = true;
WriteToInstructions(Feedback);
}

}

function TimesUp() {
document.getElementById('Timer').innerHTML = 'September is good for u';

RefreshImages();

TimeOver = true;
CheckAnswers();
Locked = true;

}

//CODE FOR HANDLING TIMER
//Timer code
var Seconds = 120;
var Interval = null;

function StartTimer(){
Interval = window.setInterval('DownTime()',1000);
document.getElementById('TimerText').style.display = 'inline';
}

function DownTime(){
var ss = Seconds % 60;
if (ss<10){
ss='0' + ss + '';
}

var mm = Math.floor(Seconds / 60);

if (document.getElementById('Timer') == null){
return;
}

document.getElementById('TimerText').innerHTML = mm + ':' + ss;
if (Seconds

//]]>

 

 

 

 

#4

άσκηση #4

https://wordwall.net/el/resource/91776837/match

 

#3

12/11/2025

Άσκηση

<iframe style="max-width:100%" src="https://wordwall.net/el/embed/489c6adbaa75424d920511c95a5741a0?themeId=55&templateId=3&fontStackId=0" width="500" height="380" frameborder="0" allowfullscreen></iframe>

Καλημέρα!