I'm doing a pedagogical job of completing words, however some words have accents and even if I put in the code it appears that it is wrong, I wanted to know how to put the word in the code with accent and at the time of the test when put with accent would be right .
function AbreJanela(ender) {
var novajanela;
novajanela = window.open(ender, 'janelinha', 'top=00, left=5, toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=no,menubar=no,width=60,height=350');
novajanela.focus();
}
/**
- verifica se a letra confere com o resultado esperado
- envia mensagem se nao confere.
*/
function Vetor(n) {
this.length = n;
for (var i = 1; i <= n; i++)
this[i] = 0;
return this
}
// carregando as letras
// no vetor a
a = new Vetor(75);
a[1] = "coelho";
a[2] = "xicara";
a[3] = "batata";
a[4] = "pato";
a[5] = "papai";
a[6] = "mamae";
a[7] = "caderno";
a[8] = "escola";
a[9] = "caneta";
a[10] = "remedio";
a[11] = "computador";
a[12] = "recreio";
a[13] = "vaso";
a[14] = "flor";
a[15] = "cadeira";
a[16] = "mesa";
a[17] = "documento";
a[18] = "carro";
function verifica(campo, letra) {
l = campo.valueOf(); // transforma em numero o nome do campo p/ usar como indice no vetor a
if (letra == "")
//window.alert ("teste 1")
{
Return = false
} else if (letra.toUpperCase() != a[l].toUpperCase())
window.alert("" + letra + "? Ta errado, apague e escreva novamente.");
//if (letra.toUpperCase() != a[l].toUpperCase())
//window.alert(""+letra+" -> Você cometeu um erro, apague e escreva novamente.");
}
body {
background: #000000;
color: #65B200;
}
a {
color: #4466ff;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
input {
background: #000000;
border: 2px solid #333333;
}
<div id="conteudo">
<div align="center">
<center>
<table border="0" cellpadding="0" width="360" bgcolor="#222222" height="693">
<tr>
<td width="165" align="left" height="22" bgcolor="#222222">
<p style="margin-left: 12" align="left"><b><font face="Arial" size="3">1-
CHLOEO</font></b></p>
</td>
<td width="165" align="left" height="22" bgcolor="#222222">
<p style="margin-left: 12" align="left"><b><font face="Arial" size="3">2-
XARÍCA</font></b></p>
</td>
</tr>
<tr>
<td width="165" align="left" height="24" bgcolor="#222222">
<p style="margin-left: 12" align="left">
<font face="Arial" size="2">
<!--webbot
bot="Validation" S-Data-Type="String" B-Allow-Letters="TRUE"
B-Value-Required="TRUE" I-Maximum-Length="25" --><input style="font-size: 10 pt; width: 147; font-family: Arial; height: 22; text-align: center; text-transform: uppercase; color: #dddddd; font-weight: bold" onchange="verifica(this.name, this.value)" size="1" name="1" maxlength="25"></font>
</p>
</td>
<td width="165" align="left" height="24" bgcolor="#222222">
<p style="margin-left: 12" align="left">
<font face="Arial" size="2">
<!--webbot
bot="Validation" S-Data-Type="String" B-Allow-Letters="TRUE"
B-Value-Required="TRUE" I-Maximum-Length="25" --><input style="font-size: 10 pt; width: 147; font-family: Arial; height: 22; text-align: center; text-transform: uppercase; color: #dddddd; font-weight: bold" onchange="verifica(this.name, this.value)" size="1" name="2" maxlength="25"></font>
</p>
</td>
</tr>
<tr>
<td width="165" align="left" height="18" bgcolor="#222222">
<p style="margin-left: 12" align="left">
<font size="2" face="Arial" color="#222222">.</font>
</p>
</td>
<td width="165" align="left" height="18" bgcolor="#222222">
<p style="margin-left: 12" align="left">
<font size="2" face="Arial" color="#222222">.</font>
</p>
</td>
</tr>
<tr>
<td width="165" align="left" height="21" bgcolor="#222222">
<p style="margin-left: 12" align="left">
<font size="3" face="Arial"><b>3-
BTAATA</b></font>
</p>
</td>
<td width="165" align="left" height="21" bgcolor="#222222">
<p style="margin-left: 12" align="left">
<font size="3" face="Arial"><b>4-
TPOA</b></font>
</p>
</td>
</tr>
<tr>
<td width="165" align="left" height="24" bgcolor="#222222">
<p style="margin-left: 12" align="left">
<font face="Arial" size="2">
<!--webbot
bot="Validation" S-Data-Type="String" B-Allow-Letters="TRUE"
B-Value-Required="TRUE" I-Maximum-Length="25" --><input style="font-size: 10 pt; width: 147; font-family: Arial; height: 22; text-align: center; text-transform: uppercase; color: #dddddd; font-weight: bold" onchange="verifica(this.name, this.value)" size="1" name="3" maxlength="25"></font>
</p>
</td>
<td width="165" align="left" height="24" bgcolor="#222222">
<p style="margin-left: 12" align="left">
<font face="Arial" size="2">
<!--webbot
bot="Validation" S-Data-Type="String" B-Allow-Letters="TRUE"
B-Value-Required="TRUE" I-Maximum-Length="25" --><input style="font-size: 10 pt; width: 147; font-family: Arial; height: 22; text-align: center; text-transform: uppercase; color: #dddddd; font-weight: bold" onchange="verifica(this.name, this.value)" size="1" name="4" maxlength="25"></font>
</p>
</td>
</tr>
<tr>
<td width="165" align="left" height="18" bgcolor="#222222">
<p style="margin-left: 12" align="left">
<font size="2" face="Arial" color="#222222">.</font>
</p>
</td>
<td width="165" align="left" height="18" bgcolor="#222222">
<p style="margin-left: 12" align="left">
<font size="2" face="Arial" color="#222222">.</font>
</p>
</td>
</tr>
<tr>
<td width="165" align="left" height="21" bgcolor="#222222">
<p style="margin-left: 12" align="left">
<font size="3" face="Arial"><b>5-
PPAAI</b></font>
</p>
</td>
<td width="165" align="left" height="21" bgcolor="#222222">
<p style="margin-left: 12" align="left">
<font size="3" face="Arial"><b>6-
MEAMÃ</b></font>
</p>
</td>
</tr>
<tr>
<td width="165" align="left" height="24" bgcolor="#222222">
<p style="margin-left: 12" align="left">
<font face="Arial" size="2">
<!--webbot
bot="Validation" S-Data-Type="String" B-Allow-Letters="TRUE"
B-Value-Required="TRUE" I-Maximum-Length="25" --><input style="font-size: 10 pt; width: 147; font-family: Arial; height: 22; text-align: center; text-transform: uppercase; color: #dddddd; font-weight: bold" onchange="verifica(this.name, this.value)" size="1" name="5" maxlength="25"></font>
</p>
</td>
<td width="165" align="left" height="24" bgcolor="#222222">
<p style="margin-left: 12" align="left">
<font face="Arial" size="2">
<!--webbot
bot="Validation" S-Data-Type="String" B-Allow-Letters="TRUE"
B-Value-Required="TRUE" I-Maximum-Length="25" --><input style="font-size: 10 pt; width: 147; font-family: Arial; height: 22; text-align: center; text-transform: uppercase; color: #dddddd; font-weight: bold" onchange="verifica(this.name, this.value)" size="1" name="6" maxlength="25"></font>
</p>
</td>
</tr>
<tr>
<td width="165" align="left" height="18" bgcolor="#222222">
<p style="margin-left: 12" align="left">
<font size="2" face="Arial" color="#222222">.</font>
</p>
</td>
<td width="165" align="left" height="18" bgcolor="#222222">
<p style="margin-left: 12" align="left">
<font size="2" face="Arial" color="#222222">.</font>
</p>
</td>
</tr>
<tr>
<td width="164" align="left" valign="middle" height="21" bgcolor="#222222">
<p style="margin-left: 12" align="left">
<font size="3" face="Arial"><b>7-
CNOADER</b></font>
</p>
</td>
<td width="163" align="left" valign="middle" height="21" bgcolor="#222222">
<p style="margin-left: 12" align="left">
<font size="3" face="Arial"><b>8-
ELASCO</b></font>
</p>
</td>
</tr>
<tr>
<td width="164" align="left" valign="middle" height="24" bgcolor="#222222">
<p style="margin-left: 12" align="left">
<font face="Arial" size="2">
<!--webbot
bot="Validation" S-Data-Type="String" B-Allow-Letters="TRUE"
B-Value-Required="TRUE" I-Maximum-Length="25" --><input style="font-size: 10 pt; width: 147; font-family: Arial; height: 22; text-align: center; text-transform: uppercase; color: #dddddd; font-weight: bold" onchange="verifica(this.name, this.value)" size="1" name="7" maxlength="25"></font>
</p>
</td>
<td width="163" align="left" valign="middle" height="24" bgcolor="#222222">
<p style="margin-left: 12" align="left">
<font face="Arial" size="2">
<!--webbot
bot="Validation" S-Data-Type="String" B-Allow-Letters="TRUE"
B-Value-Required="TRUE" I-Maximum-Length="25" --><input style="font-size: 10 pt; width: 147; font-family: Arial; height: 22; text-align: center; text-transform: uppercase; color: #dddddd; font-weight: bold" onchange="verifica(this.name, this.value)" size="1" name="8" maxlength="25"></font>
</p>
</td>
</tr>
<tr>
<td width="164" align="left" valign="middle" height="18" bgcolor="#222222">
<p style="margin-left: 12" align="left">
<font face="Arial" size="2" color="#222222">.</font>
</p>
</td>
<td width="163" align="left" valign="middle" height="18" bgcolor="#222222">
<p style="margin-left: 12" align="left">
<font face="Arial" size="2" color="#222222">.</font>
</p>
</td>
</tr>
<tr>
<td width="164" align="left" valign="middle" height="21" bgcolor="#222222">
<p style="margin-left: 12" align="left">
<font size="3" face="Arial"><b>9-
CATANE</b></font>
</p>
</td>
<td width="163" align="left" valign="middle" height="21" bgcolor="#222222">
<p style="margin-left: 12" align="left">
<font size="3" face="Arial"><b>10-
RDIOEMÉ</b></font>
</p>
</td>
</tr>
<tr>
<td width="164" align="left" valign="middle" height="24" bgcolor="#222222">
<p style="margin-left: 12" align="left">
<font face="Arial" size="2">
<!--webbot
bot="Validation" S-Data-Type="String" B-Allow-Letters="TRUE"
B-Value-Required="TRUE" I-Maximum-Length="25" --><input style="font-size: 10 pt; width: 147; font-family: Arial; height: 22; text-align: center; text-transform: uppercase; color: #dddddd; font-weight: bold" onchange="verifica(this.name, this.value)" size="1" name="9" maxlength="25"></font>
</p>
</td>
<td width="163" align="left" valign="middle" height="24" bgcolor="#222222">
<p style="margin-left: 12" align="left">
<font face="Arial" size="2">
<!--webbot
bot="Validation" S-Data-Type="String" B-Allow-Letters="TRUE"
B-Value-Required="TRUE" I-Maximum-Length="25" --><input style="font-size: 10 pt; width: 147; font-family: Arial; height: 22; text-align: center; text-transform: uppercase; color: #dddddd; font-weight: bold" onchange="verifica(this.name, this.value)" size="1" name="10" maxlength="25"></font>
</p>
</td>
</tr>
<tr>
<td width="164" align="left" valign="middle" height="18" bgcolor="#222222">
<p style="margin-left: 12" align="left">
<font size="2" face="Arial" color="#222222">.</font>
</p>
</td>
<td width="163" align="left" valign="middle" height="18" bgcolor="#222222">
<p style="margin-left: 12" align="left">
<font size="2" face="Arial" color="#222222">.</font>
</p>
</td>
</tr>
<tr>
<td width="164" align="left" valign="middle" height="21" bgcolor="#222222">
<p style="margin-left: 12" align="left">
<font size="3" face="Arial"><b>11-
CODORMPUTA</b></font>
</p>
</td>
<td width="163" align="left" valign="middle" height="21" bgcolor="#222222">
<p style="margin-left: 12" align="left">
<font size="3" face="Arial"><b>12-
RIOECRE</b></font>
</p>
</td>
</tr>
<tr>
<td width="164" align="left" valign="middle" height="24" bgcolor="#222222">
<p style="margin-left: 12" align="left">
<font face="Arial" size="2">
<!--webbot
bot="Validation" S-Data-Type="String" B-Allow-Letters="TRUE"
B-Value-Required="TRUE" I-Maximum-Length="25" --><input style="font-size: 10 pt; width: 147; font-family: Arial; height: 22; text-align: center; text-transform: uppercase; color: #dddddd; font-weight: bold" onchange="verifica(this.name, this.value)" size="1" name="11" maxlength="25"></font>
</p>
</td>
<td width="163" align="left" valign="middle" height="24" bgcolor="#222222">
<p style="margin-left: 12" align="left">
<font face="Arial" size="2">
<!--webbot
bot="Validation" S-Data-Type="String" B-Allow-Letters="TRUE"
B-Value-Required="TRUE" I-Maximum-Length="25" --><input style="font-size: 10 pt; width: 147; font-family: Arial; height: 22; text-align: center; text-transform: uppercase; color: #dddddd; font-weight: bold" onchange="verifica(this.name, this.value)" size="1" name="12" maxlength="25"></font>
</p>
</td>
</tr>
<tr>
<td width="164" align="left" valign="middle" height="18" bgcolor="#222222">
<p style="margin-left: 12" align="left">
<font size="2" face="Arial" color="#222222">.</font>
</p>
</td>
<td width="163" align="left" valign="middle" height="18" bgcolor="#222222">
<p style="margin-left: 12" align="left">
<font size="2" face="Arial" color="#222222">.</font>
</p>
</td>
</tr>
<tr>
<td width="164" align="left" valign="middle" height="21" bgcolor="#222222">
<p style="margin-left: 12" align="left">
<font size="3" face="Arial"><b>13-
VSAO</b></font>
</p>
</td>
<td width="163" align="left" valign="middle" height="21" bgcolor="#222222">
<p style="margin-left: 12" align="left">
<font size="3" face="Arial"><b>14-
FRLO</b></font>
</p>
</td>
</tr>
<tr>
<td width="164" align="left" valign="middle" height="24" bgcolor="#222222">
<p style="margin-left: 12" align="left">
<font face="Arial" size="2">
<!--webbot
bot="Validation" S-Data-Type="String" B-Allow-Letters="TRUE"
B-Value-Required="TRUE" I-Maximum-Length="25" --><input style="font-size: 10 pt; width: 147; font-family: Arial; height: 22; text-align: center; text-transform: uppercase; color: #dddddd; font-weight: bold" onchange="verifica(this.name, this.value)" size="1" name="13" maxlength="25"></font>
</p>
</td>
<td width="163" align="left" valign="middle" height="24" bgcolor="#222222">
<p style="margin-left: 12" align="left">
<font face="Arial" size="2">
<!--webbot
bot="Validation" S-Data-Type="String" B-Allow-Letters="TRUE"
B-Value-Required="TRUE" I-Maximum-Length="25" --><input style="font-size: 10 pt; width: 147; font-family: Arial; height: 22; text-align: center; text-transform: uppercase; color: #dddddd; font-weight: bold" onchange="verifica(this.name, this.value)" size="1" name="14" maxlength="25"></font>
</p>
</td>
</tr>
<tr>
<td width="164" align="left" valign="middle" height="18" bgcolor="#222222">
<p style="margin-left: 12" align="left">
<font size="2" face="Arial" color="#222222">.</font>
</p>
</td>
<td width="163" align="left" valign="middle" height="18" bgcolor="#222222">
<p style="margin-left: 12" align="left">
<font size="2" face="Arial" color="#222222">.</font>
</p>
</td>
</tr>
<tr>
<td width="164" align="left" valign="middle" height="21" bgcolor="#222222">
<p style="margin-left: 12" align="left">
<font size="3" face="Arial"><b>15-
CRAADEI</b></font>
</p>
</td>
<td width="163" align="left" valign="middle" height="21" bgcolor="#222222">
<p style="margin-left: 12" align="left">
<font size="3" face="Arial"><b>16-
MSEA</b></font>
</p>
</td>
</tr>
<tr>
<td width="164" align="left" valign="middle" height="24" bgcolor="#222222">
<p style="margin-left: 12" align="left">
<font face="Arial" size="2">
<!--webbot
bot="Validation" S-Data-Type="String" B-Allow-Letters="TRUE"
B-Value-Required="TRUE" I-Maximum-Length="25" --><input style="font-size: 10 pt; width: 147; font-family: Arial; height: 22; text-align: center; text-transform: uppercase; color: #dddddd; font-weight: bold" onchange="verifica(this.name, this.value)" size="1" name="15" maxlength="25"></font>
</p>
</td>
<td width="163" align="left" valign="middle" height="24" bgcolor="#222222">
<p style="margin-left: 12" align="left">
<font face="Arial" size="2">
<!--webbot
bot="Validation" S-Data-Type="String" B-Allow-Letters="TRUE"
B-Value-Required="TRUE" I-Maximum-Length="25" --><input style="font-size: 10 pt; width: 147; font-family: Arial; height: 22; text-align: center; text-transform: uppercase; color: #dddddd; font-weight: bold" onchange="verifica(this.name, this.value)" size="1" name="16" maxlength="25"></font>
</p>
</td>
</tr>
<tr>
<td width="164" align="left" valign="middle" height="18" bgcolor="#222222">
<p style="margin-left: 12" align="left">
<font size="2" face="Arial" color="#222222">.</font>
</p>
</td>
<td width="163" align="left" valign="middle" height="18" bgcolor="#222222">
<p style="margin-left: 12" align="left">
<font size="2" face="Arial" color="#222222">.</font>
</p>
</td>
</tr>
<tr>
<td width="164" align="left" valign="middle" height="21" bgcolor="#222222">
<p style="margin-left: 12" align="left">
<font size="3" face="Arial"><b>17-
DENOCUMTO</b></font>
</p>
</td>
<td width="163" align="left" valign="middle" height="21" bgcolor="#222222">
<p style="margin-left: 12" align="left">
<font size="3" face="Arial"><b>18-
CROAR</b></font>
</p>
</td>
</tr>
<tr>
<td width="164" align="left" valign="middle" height="24" bgcolor="#222222">
<p style="margin-left: 12" align="left">
<font face="Arial" size="2">
<!--webbot
bot="Validation" S-Data-Type="String" B-Allow-Letters="TRUE"
B-Value-Required="TRUE" I-Maximum-Length="25" --><input style="font-size: 10 pt; width: 147; font-family: Arial; height: 22; text-align: center; text-transform: uppercase; color: #dddddd; font-weight: bold" onchange="verifica(this.name, this.value)" size="1" name="17" maxlength="25"></font>
</p>
</td>
<td width="163" align="left" valign="middle" height="24" bgcolor="#222222">
<p style="margin-left: 12" align="left">
<font face="Arial" size="2">
<!--webbot
bot="Validation" S-Data-Type="String" B-Allow-Letters="TRUE"
B-Value-Required="TRUE" I-Maximum-Length="25" --><input style="font-size: 10 pt; width: 147; font-family: Arial; height: 22; text-align: center; text-transform: uppercase; color: #dddddd; font-weight: bold" onchange="verifica(this.name, this.value)" size="1" name="18" maxlength="25"></font>
</p>
</td>
</tr>
<tr>
<td width="164" align="center" valign="middle" height="21" bgcolor="#222222"> </td>
<td width="163" align="center" valign="middle" height="21" bgcolor="#222222"> </td>
</tr>
</center>
<tr>
<td width="327" align="center" valign="middle" height="21" colspan="2" bgcolor="#222222">
<p style="margin-left: 0; margin-right: 0" align="left">
<a href="javascript:AbreJanela('resposta_forme_palavras1.txt')">
<font face="Arial" size="1">Respostas</font>
</a>
</p>
</td>
</tr>
</table>
</div>
I think you could understand it, in the word Mom, for example, it only works if you put Mommy without an accent. I would like you to put Mommy, and if it's some code, just the letter that indicates a table please