我想问你一件事。我找到了一个填字游戏，并将其上传到了Codepen：https://codepen.io/anon/pen/VRbwVw?editors=1000#anon-login上。 问题是当我尝试编辑答案时不起作用。例如，第一行上的第一个单词（带有4个字母）是DJVU。我在代码部分（Word = new Array）中对其进行了编辑，并编写了ABCD，但它不起作用。当我在填字游戏中写ABCD并按检查拼图时，它说这个（ABCD）不是正确的答案。
我认为问题在于我不仅应该修改Word = new Array，还应该修改AnswerHash = new Array。但是我不知道该怎么做。如何更改数字？这是我的代码
<!DOCTYPE html>
<head>
<style type="text/css"><!--
#cheatbutton, #okbutton, #cancelbutton{
color:#626303;
border-image-slice: 42 42 42 42 fill; border-image-width: 42px 42px 42px 42px; border-image-outset: 0px 0px 0px 0px; border-image-repeat: round round; border-image-source: url("imagini/rama.svg");
}
body, h1, h2, h3, h4, h5, h6
{
font-family: "Segoe UI", "Franklin Gothic Medium", "Arial", sans-serif;
}
h1, h2, h3, h4, h5, h6
{
color: #5d6a86;
}
body
{
cursor: default;
font-size: small;
}
.ecw-answerbox
{
color: black;
background-color: #fff5e0;
border-color: #808080;
border-style: solid;
border-width: 1px;
display: block;
padding: .75em;
width: 240pt;
}
.ecw-box
{
border-style: solid;
border-width: 1pt;
cursor: pointer;
font-size: .12in;
font-weight: bold;
height: .25in;
overflow: hidden;
text-align: center;
width: .28in;
}
.ecw-boxcheated_sel
{
background-color: #FFF1D7;
border-color: #C00000;
color: #2080D0;
}
.ecw-boxcheated_unsel
{
background-color: #ffffff;
border-color: #606060;
color: #2080D0;
}
.ecw-boxerror_sel
{
background-color: #FFF1D7;
border-color: #C00000;
color: #BF0000;
}
.ecw-boxerror_unsel
{
background-color: #FFF0F0;
border-color: #606060;
color: #BF0000;
}
.ecw-boxnormal_sel
{
background-color: #FFF1D7;
border-color: #C00000;
color: #000000;
}
.ecw-boxnormal_unsel
{
background-color: #ffffff;
border-color: #606060;
color: #000000;
}
.ecw-button
{
width: 64pt;
}
.ecw-cluebox
{
border-bottom-width: 1px;
border-color: #c0c0c0;
border-left-width: 0px;
border-right-width: 0px;
border-style: solid;
border-top-width: 1px;
margin-top: 1em;
padding-bottom: .5em;
padding-left: 0pt;
padding-right: 0pt;
padding-top: .5em;
}
.ecw-crosswordarea
{
background-color: hsla(62, 86%, 78%, 0.3);
border-color: #808080;
border-style: solid;
border-width: 2px;
padding: .5em;
font-family: "Segoe UI", "Verdana", "Arial", sans-serif;
font-size: small;
}
.ecw-copyright
{
margin-bottom: 1em;
font-size: x-small;
font-family: "Segoe UI", "Franklin Gothic Medium", "Arial", sans-serif;
}
.ecw-input
{
font-family: "Segoe UI", "Verdana", "Arial", sans-serif;
}
.ecw-wordlabel
{
text-transform: uppercase;
margin: 0;
}
.ecw-wordinfo
{
font-size: 8pt;
color: #808080;
}
.ecw-worderror
{
color: #c00000;
font-weight: bold;
display: none;
margin-top: 1em;
}
-->
.button22{
-webkit-border-image:none;
-o-border-image:none;
border-image:none;
border:2px solid #5f5e54;
position:relative;
top:40%;
left:56%;color:#383904;font-size: 16px;
}</style>
</head>
<body>
<div id="waitmessage" class="ecw-answerbox">
This interactive crossword puzzle requires JavaScript and any
recent web browser, including Windows Internet Explorer, Mozilla Firefox, Google Chrome, or
Apple Safari. If you have disabled web page scripting, please re-enable it and refresh
the page. If this web page is saved on your computer, you may need to click the yellow Information Bar at the top or bottom of
the page to allow the puzzle to load.
</div>
<table cellpadding="0" cellspacing="0" border="0"><tr>
<td class="ecw-crosswordarea">
<script type="text/javascript"><!--
CrosswordWidth = 20;
CrosswordHeight = 20;
Words = 36;
WordLength = new Array(9, 7, 4, 5, 11, 5, 4, 5, 3, 9, 7, 4, 9, 7, 4, 5, 7, 6, 3, 7, 6, 5, 3, 6, 4, 7, 6, 5, 8, 6, 6, 5, 4, 5, 4, 3);
Word = new Array("POLITEISM", "CREATOR", "UNAS", "INTEF", "ARHITECTURI", "IMIRE", "HAPI", "KHYAN", "INI", "CLEOPATRA", "SMENDES", "SHAI", "EGIPTENII", "KHATIRE", "YOAM", "ARSES", "PIANKHI", "SERKET", "AHA", "NISERRE", "BUCHIS", "OCHUS", "MIN", "SCRIBI", "HUNI", "TATENEN", "CHEOPS", "RANEB", "DINASTIE", "ENEADA", "NIKARE", "ZAKET", "HAPY", "PIHOR", "ECOU", "SHU");
Clue = new Array("Credința în mai mulți zei",
"Ce fel de zeu a fost Herishef?",
"Faraon al celei de-a 5-a Dinastii",
"Monah al Tebei",
"Mai multe planuri ale unei piramide",
"Faraon al celei de-a 13-a Dinastii",
"Protector al tronului lui Osiris pe lumea cealaltă",
"Faraon al celei de-a 15-a Dinastii",
"Faraon al celei de-a 13-a Dinastii",
"Cea mai frumoasă femeie din lume",
"Faraon al celei de-a 21-a Dinastii",
"Zeu care personifică destinul",
"_________ erau cei care locuiesc pe teritoriul Egiptului",
"Faraon al celei de-a 14-a Dinastii",
"Faraon al celei de-a 15-a Dinastii",
"Faraon al celei de-a 31-a Dinastii",
"Rege al Nubiei",
"Zeița fertilității, animalelor, naturii",
"Faraon al primei Dinastii",
"Faraon al celei de-a 5-a Dinasii",
"Zeu al cărui simbol era un taur",
"Faraon al celei de-a 31-a Dinastii",
"Zeul fertilității masculine, protector al minelor și al agriculturii",
"Sfătuitorii regelui",
"Faraon al celei de-a 3-a Dinastii",
"Zeu care simbolizează ieşirea mâlului fertil al Nilului din apele care se retrag după revărsare",
"Constructorul Marii Piramide din Ghiza",
"Faraon al celei de-a 2-a Dinastii",
"Succesiune de suverani din aceeași familie",
"Gruparea celor Nouă Zei originari din Heliopolis, constând din zeul-soare creator şi urmaşii săi",
"Faraon al celei de-a 7-a Dinastii",
"Faraon al celei de-a 15-a Dinastii",
"Zeu al revărsării anuale a Nilului",
"Zeu al celei de-a 16-a Dinastii",
"Ce se aude daca strigi din interiorul unei piramide?",
"Zeul luminii solare şi al aerului");
AnswerHash = new Array(73449, 65813, 26070, 7959, 68732, 73862, 79224, 38145, 39535, 36003, 16963, 77326, 88218, 12095, 88632, 61721, 246, 3278, 21335, 47535, 35747, 41931, 68198, 20480, 42487, 18230, 64822, 67977, 6012, 7903, 89982, 67306, 34008, 32691, 29693, 84238);
WordX = new Array(10, 7, 3, 14, 0, 6, 16, 0, 8, 11, 1, 14, 3, 11, 1, 10, 10, 17, 5, 1, 3, 12, 15, 6, 8, 4, 14, 9, 19, 3, 11, 13, 1, 6, 17, 14);
WordY = new Array(0, 2, 3, 4, 6, 8, 9, 10, 10, 11, 12, 13, 14, 15, 17, 17, 0, 0, 1, 2, 2, 2, 2, 5, 5, 6, 8, 8, 8, 12, 13, 14, 14, 14, 15, 17);
LastHorizontalWord = 15;
OnlyCheckOnce = false;
//-->
</script>
<script type="text/javascript"><!--
// EclipseCrossword (C) Copyright 2000-2013 Green Eclipse.
// The puzzle itself remains the property of its creator. Do not remove this copyright notice.
var BadChars = "`~!@^*()_={[}]\\|:;\"',<>/?";
var TableAcrossWord, TableDownWord;
var CurrentWord, PrevWordHorizontal, x, y, i, j;
var CrosswordFinished, Initialized;
// Check the user's browser and then initialize the puzzle.
if (document.getElementById("waitmessage") != null)
{
document.getElementById("waitmessage").innerHTML = "Please wait while the crossword is loaded...";
// Current game variables
CurrentWord = -1;
PrevWordHorizontal = false;
// Create the cell-to-word arrays.
TableAcrossWord = new Array(CrosswordWidth);
for (var x = 0; x < CrosswordWidth; x++) TableAcrossWord[x] = new Array(CrosswordHeight);
TableDownWord = new Array(CrosswordWidth);
for (var x = 0; x < CrosswordWidth; x++) TableDownWord[x] = new Array(CrosswordHeight);
for (var y = 0; y < CrosswordHeight; y++)
for (var x = 0; x < CrosswordWidth; x++)
{
TableAcrossWord[x][y] = -1;
TableDownWord[x][y] = -1;
}
// First, add the horizontal words to the puzzle.
for (var i = 0; i <= LastHorizontalWord; i++)
{
x = WordX[i];
y = WordY[i];
for (var j = 0; j < WordLength[i]; j++)
{
TableAcrossWord[x + j][y] = i;
}
}
// Second, add the vertical words to the puzzle.
for (var i = LastHorizontalWord + 1; i < Words; i++)
{
x = WordX[i];
y = WordY[i];
for (var j = 0; j < WordLength[i]; j++)
{
TableDownWord[x][y + j] = i;
}
}
// Now, insert the crossword table.
document.writeln("<table id=\"crossword\" cellpadding=\"0\" cellspacing=\"0\" style=\"display: none; border-collapse: collapse;\">");
for (var y = 0; y < CrosswordHeight; y++)
{
document.writeln("<tr>");
for (var x = 0; x < CrosswordWidth; x++)
{
if (TableAcrossWord[x][y] >= 0 || TableDownWord[x][y] >= 0)
document.write("<td id=\"c" + PadNumber(x) + PadNumber(y) + "\" class=\"ecw-box ecw-boxnormal_unsel\" onclick=\"SelectThisWord(event);\"> </td>");
else
document.write("<td><\/td>");
}
document.writeln("<\/tr>");
}
document.writeln("<\/table>");
// Finally, show the crossword and hide the wait message.
Initialized = true;
document.getElementById("waitmessage").style.display = "none";
document.getElementById("crossword").style.display = "block";
}
// * * * * * * * * * *
// Event handlers
// Raised when a key is pressed in the word entry box.
function WordEntryKeyPress(event)
{
if (CrosswordFinished) return;
// Treat an Enter keypress as an OK click.
if (CurrentWord >= 0 && event.keyCode == 13) OKClick();
}
// * * * * * * * * * *
// Helper functions
// Called when we're ready to start the crossword.
function BeginCrossword()
{
if (Initialized)
{
document.getElementById("welcomemessage").style.display = "";
document.getElementById("checkbutton").style.display = "";
}
}
// Returns true if the string passed in contains any characters prone to evil.
function ContainsBadChars(theirWord)
{
for (var i = 0; i < theirWord.length; i++)
if (BadChars.indexOf(theirWord.charAt(i)) >= 0) return true;
return false;
}
// Pads a number out to three characters.
function PadNumber(number)
{
if (number < 10)
return "00" + number;
else if (number < 100)
return "0" + number;
else
return "" + number;
}
// Returns the table cell at a particular pair of coordinates.
function CellAt(x, y)
{
return document.getElementById("c" + PadNumber(x) + PadNumber(y));
}
// Deselects the current word, if there's a word selected. DOES not change the value of CurrentWord.
function DeselectCurrentWord()
{
if (CurrentWord < 0) return;
var x, y, i;
document.getElementById("answerbox").style.display = "none";
ChangeCurrentWordSelectedStyle(false);
CurrentWord = -1;
}
// Changes the style of the cells in the current word.
function ChangeWordStyle(WordNumber, NewStyle)
{
if (WordNumber< 0) return;
var x = WordX[WordNumber];
var y = WordY[WordNumber];
if (WordNumber<= LastHorizontalWord)
for (i = 0; i < WordLength[WordNumber]; i++)
CellAt(x + i, y).className = NewStyle;
else
for (i = 0; i < WordLength[WordNumber]; i++)
CellAt(x, y + i).className = NewStyle;
}
// Changes the style of the cells in the current word between the selected/unselected form.
function ChangeCurrentWordSelectedStyle(IsSelected)
{
if (CurrentWord < 0) return;
var x = WordX[CurrentWord];
var y = WordY[CurrentWord];
if (CurrentWord <= LastHorizontalWord)
for (i = 0; i < WordLength[CurrentWord]; i++)
CellAt(x + i, y).className = CellAt(x + i, y).className.replace(IsSelected ? "_unsel" : "_sel", IsSelected ? "_sel" : "_unsel");
else
for (i = 0; i < WordLength[CurrentWord]; i++)
CellAt(x, y + i).className = CellAt(x, y + i).className.replace(IsSelected ? "_unsel" : "_sel", IsSelected ? "_sel" : "_unsel");
}
// Selects the new word by parsing the name of the TD element referenced by the
// event object, and then applying styles as necessary.
function SelectThisWord(event)
{
if (CrosswordFinished) return;
var x, y, i, TheirWord, TableCell;
// Deselect the previous word if one was selected.
document.getElementById("welcomemessage").style.display = "none";
if (CurrentWord >= 0) OKClick();
DeselectCurrentWord();
// Determine the coordinates of the cell they clicked, and then the word that
// they clicked.
var target = (event.srcElement ? event.srcElement: event.target);
x = parseInt(target.id.substring(1, 4), 10);
y = parseInt(target.id.substring(4, 7), 10);
// If they clicked an intersection, choose the type of word that was NOT selected last time.
if (TableAcrossWord[x][y] >= 0 && TableDownWord[x][y] >= 0)
CurrentWord = PrevWordHorizontal ? TableDownWord[x][y] : TableAcrossWord[x][y];
else if (TableAcrossWord[x][y] >= 0)
CurrentWord = TableAcrossWord[x][y];
else if (TableDownWord[x][y] >= 0)
CurrentWord = TableDownWord[x][y];
PrevWordHorizontal = (CurrentWord <= LastHorizontalWord);
// Now, change the style of the cells in this word.
ChangeCurrentWordSelectedStyle(true);
// Then, prepare the answer box.
x = WordX[CurrentWord];
y = WordY[CurrentWord];
TheirWord = "";
var TheirWordLength = 0;
for (i = 0; i < WordLength[CurrentWord]; i++)
{
// Find the appropriate table cell.
if (CurrentWord <= LastHorizontalWord)
TableCell = CellAt(x + i, y);
else
TableCell = CellAt(x, y + i);
// Add its contents to the word we're building.
if (TableCell.innerHTML != null && TableCell.innerHTML.length > 0 && TableCell.innerHTML != " " && TableCell.innerHTML.toLowerCase() != " ")
{
TheirWord += TableCell.innerHTML.toUpperCase();
TheirWordLength++;
}
else
{
TheirWord += "•";
}
}
document.getElementById("wordlabel").innerHTML = TheirWord;
document.getElementById("wordinfo").innerHTML = ((CurrentWord <= LastHorizontalWord) ? "Across, " : "Down, ") + WordLength[CurrentWord] + " letters.";
document.getElementById("wordclue").innerHTML = Clue[CurrentWord];
document.getElementById("worderror").style.display = "none";
document.getElementById("cheatbutton").style.display = (Word.length == 0) ? "none" : "";
if (TheirWordLength == WordLength[CurrentWord])
document.getElementById("wordentry").value = TheirWord.replace(/&/g, '&');
else
document.getElementById("wordentry").value = "";
// Finally, show the answer box.
document.getElementById("answerbox").style.display = "block";
try
{
document.getElementById("wordentry").focus();
document.getElementById("wordentry").select();
}
catch (e)
{
}
}
// Called when the user clicks the OK link.
function OKClick()
{
var TheirWord, x, y, i, TableCell;
if (CrosswordFinished) return;
if (document.getElementById("okbutton").disabled) return;
// First, validate the entry.
TheirWord = document.getElementById("wordentry").value.toUpperCase();
if (TheirWord.length == 0)
{
DeselectCurrentWord();
return;
}
if (ContainsBadChars(TheirWord))
{
document.getElementById("worderror").innerHTML = "The word that you typed contains invalid characters. Please type only letters in the box above.";
document.getElementById("worderror").style.display = "block";
return;
}
if (TheirWord.length < WordLength[CurrentWord])
{
document.getElementById("worderror").innerHTML = "You did not type enough letters. This word has " + WordLength[CurrentWord] + " letters.";
document.getElementById("worderror").style.display = "block";
return;
}
if (TheirWord.length > WordLength[CurrentWord])
{
document.getElementById("worderror").innerHTML = "You typed too many letters. This word has " + WordLength[CurrentWord] + " letters.";
document.getElementById("worderror").style.display = "block";
return;
}
// If we made it this far, they typed an acceptable word, so add these letters to the puzzle and hide the entry box.
x = WordX[CurrentWord];
y = WordY[CurrentWord];
for (i = 0; i < TheirWord.length; i++)
{
TableCell = CellAt(x + (CurrentWord <= LastHorizontalWord ? i : 0), y + (CurrentWord > LastHorizontalWord ? i : 0));
TableCell.innerHTML = TheirWord.substring(i, i + 1);
}
DeselectCurrentWord();
}
// Called when the "check puzzle" link is clicked.
function CheckClick()
{
var i, j, x, y, UserEntry, ErrorsFound = 0, EmptyFound = 0, TableCell;
if (CrosswordFinished) return;
DeselectCurrentWord();
for (y = 0; y < CrosswordHeight; y++)
for (x = 0; x < CrosswordWidth; x++)
if (TableAcrossWord[x][y] >= 0 || TableDownWord[x][y] >= 0)
{
TableCell = CellAt(x, y);
if (TableCell.className == "ecw-box ecw-boxerror_unsel") TableCell.className = "ecw-box ecw-boxnormal_unsel";
}
for (i = 0; i < Words; i++)
{
// Get the user's entry for this word.
UserEntry = "";
for (j = 0; j < WordLength[i]; j++)
{
if (i <= LastHorizontalWord)
TableCell = CellAt(WordX[i] + j, WordY[i]);
else
TableCell = CellAt(WordX[i], WordY[i] + j);
if (TableCell.innerHTML.length > 0 && TableCell.innerHTML.toLowerCase() != " ")
{
UserEntry += TableCell.innerHTML.toUpperCase();
}
else
{
UserEntry = "";
EmptyFound++;
break;
}
}
UserEntry = UserEntry.replace(/&/g, '&');
// If this word doesn't match, it's an error.
if (HashWord(UserEntry) != AnswerHash[i] && UserEntry.length > 0)
{
ErrorsFound++;
ChangeWordStyle(i, "ecw-box ecw-boxerror_unsel");
}
}
// If they can only check once, disable things prematurely.
if ( OnlyCheckOnce )
{
CrosswordFinished = true;
document.getElementById("checkbutton").style.display = "none";
}
// If errors were found, just exit now.
if (ErrorsFound > 0 && EmptyFound > 0)
document.getElementById("welcomemessage").innerHTML = ErrorsFound + (ErrorsFound > 1 ? " errors" : " error") + " and " + EmptyFound + (EmptyFound > 1 ? " incomplete words were" : " incomplete word was") + " found.";
else if (ErrorsFound > 0)
document.getElementById("welcomemessage").innerHTML = ErrorsFound + (ErrorsFound > 1 ? " errors were" : " error was") + " found.";
else if (EmptyFound > 0)
document.getElementById("welcomemessage").innerHTML = "No errors were found, but " + EmptyFound + (EmptyFound > 1 ? " incomplete words were" : " incomplete word was") + " found.";
if (ErrorsFound + EmptyFound > 0)
{
document.getElementById("welcomemessage").style.display = "";
return;
}
// They finished the puzzle!
CrosswordFinished = true;
document.getElementById("checkbutton").style.display = "none";
document.getElementById("congratulations").style.display = "block";
document.getElementById("welcomemessage").style.display = "none";
}
// Called when the "cheat" link is clicked.
function CheatClick()
{
if (CrosswordFinished) return;
var OldWord = CurrentWord;
document.getElementById("wordentry").value = Word[CurrentWord];
OKClick();
ChangeWordStyle(OldWord, "ecw-box ecw-boxcheated_unsel");
}
// Returns a one-way hash for a word.
function HashWord(Word)
{
var x = (Word.charCodeAt(0) * 719) % 1138;
var Hash = 837;
var i;
for (i = 1; i <= Word.length; i++)
Hash = (Hash * i + 5 + (Word.charCodeAt(i - 1) - 64) * x) % 98503;
return Hash;
}
//-->
</script>
</td>
<td valign="top" style="padding-left: 1em;">
<div id="welcomemessage" class="ecw-answerbox" style="display:none;">
<h3>Welcome!</h3>
<p>Click a word in the puzzle to get started.</p>
</div>
<div id="answerbox" class="ecw-answerbox" style="display:none;">
<h3 id="wordlabel" class="ecw-wordlabel"> </h3>
<div id="wordinfo" class="ecw-wordinfo"> </div>
<div id="wordclue" class="ecw-cluebox"> </div>
<div style="margin-top: 1em;">
<input class="ecw-input" id="wordentry" type="text" size="24" style="font-weight: bold; text-transform:uppercase;" onkeypress="WordEntryKeyPress(event)" onchange="WordEntryKeyPress(event)" />
</div>
<div id="worderror" class="ecw-worderror"></div>
<table border="0" cellspacing="0" cellpadding="0" width="100%" style="margin-top:1em;"><tbody><tr><td>
<button id="cheatbutton" type="button" class="ecw-input ecw-button" onclick="CheatClick();">Solve</button>
</td><td align="right">
<button id="okbutton" type="button" class="ecw-input ecw-button" onclick="OKClick();" style="font-weight: bold;">OK</button>
<button id="cancelbutton" type="button" class="ecw-input ecw-button" onclick="DeselectCurrentWord();">Cancel</button>
</td></tr></tbody></table>
</div>
<div id="congratulations" class="ecw-answerbox" style="display:none;">
<h3>Congratulations!</h3>
<p>You have completed this <a href="http://www.eclipsecrossword.com" style="color: black; text-decoration:none;">crossword puzzle</a>.
</p>
<p>If you would like to be able to create interactive
<a href="http://www.eclipsecrossword.com" style="color: black; text-decoration:none;">crosswords</a>
like this yourself, get <a href="http://www.eclipsecrossword.com" onclick="this.target='_blank'">EclipseCrossword</a>
from Green Eclipse—it's free!
</p>
</div>
</td></tr></table>
<div style="margin-top: 1em;">
<button class="button22" id="checkbutton" type="button" onclick="CheckClick();" style="display: none;">Check puzzle</button>
</div>
<script type="text/javascript"><!--
BeginCrossword();
//-->
</script></body>
</html>
在我的代码中，第一行的正确答案是KOUNOTORI，但我将其更改为POLITEISM，但这是行不通的（如果我键入KUONOTORI则表明它是正确的，如果我键入POLITEISM则表明它是错误的，即使在Word = new Array中，我也写了POLITEISM作为第一个单词）。有什么解决办法吗？