Javascript GitHub页面网站的运行方式与使用live server在本地运行时的运行方式不同

Javascript GitHub页面网站的运行方式与使用live server在本地运行时的运行方式不同,javascript,html,css,github-pages,Javascript,Html,Css,Github Pages,我目前正在制作一个小网站,有人可以在其中键入一个字谜,该网站将返回所有可能的单词,可以从字谜。返回所有单词后,您可以单击某个单词给出其所有定义 当我使用live server在本地运行该站点时,该站点运行良好,问题是当我使用GitHub页面部署存储库时 当在本地运行时,当我输入一个单词(例如acres)时,该站点将返回所有可以正确找到的单词,但当我使用GitHub页面执行相同操作时,该站点将不会返回相同的单词。所有与查找所有可能单词相关的逻辑都在我的script.js文件中,所以我猜问题可能就在

我目前正在制作一个小网站,有人可以在其中键入一个字谜,该网站将返回所有可能的单词,可以从字谜。返回所有单词后,您可以单击某个单词给出其所有定义

当我使用live server在本地运行该站点时,该站点运行良好,问题是当我使用GitHub页面部署存储库时

当在本地运行时,当我输入一个单词(例如acres)时,该站点将返回所有可以正确找到的单词,但当我使用GitHub页面执行相同操作时,该站点将不会返回相同的单词。所有与查找所有可能单词相关的逻辑都在我的script.js文件中,所以我猜问题可能就在那里?script.js文件读入dictionary.txt文件以获取一组单词,并对它们进行过滤,以查找可以从字谜中生成的单词。js文件还处理从外部字典API获取给定单词的定义,并将数据添加到主html文件中

下面是script.js文件。对不起,如果有点乱的话!我对在前端编写JavaScript有点陌生。我还包括index.html和style.css文件,以防其中一个文件出现问题

let-inputElement=document.querySelector(“#字谜输入”);
inputElement.addEventListener(“keyup”,onKeyUp);
让单词=[];
获取(“dictionary.txt”)
。然后(res=>{
返回res.text();
})
.然后(字典=>{
单词=字典。拆分(“\n”);
for(设i=0;i{
console.log(错误);
})
函数定义(e){
让chosenWord=e.target.parentElement.parentElement.firstElementChild.textContent;
取回(`https://wordsapiv1.p.rapidapi.com/words/${chosenWord}/definitions`{
“方法”:“获取”,
“标题”:{
“x-rapidapi-key”:“API-key”,
“x-rapidapi-host”:“wordsapiv1.p.rapidapi.com”
}
})
。然后(res=>{
返回res.json();
})
。然后(数据=>{
设cardinrelation=e.target.parentElement.parentElement.parentElement;
cardinrelation.style=“变换:旋转(180度)”;
设cardFrontElement=CardinRelation.firstElementChild;
cardFrontElement.style=“变换:旋转(180度)”;
addDefinitionsHTML(cardFrontElement,数据);
})
.catch(错误=>{
控制台错误(err);
});
}
函数addDefinitionsHTML(元素、数据){
让我们定义shtml;
if(data.success==false | | definitions.length==0){
definitionsHTML=`目前没有这个词的定义。对不起!`;
element.lastElementChild.innerHTML=definitionsHTML;
返回;
}
定义shtml=`

${data.word}的定义:

    `; for(设i=0;i${data.definitions[i].definition}

    `; } 定义shtml+=`
`; element.lastElementChild.innerHTML=definitionsHTML; } 函数onKeyUp(e){ 让输入的单词=e.target.value; 返回findWordsFromAnagram(输入Word); } 函数findWordsFromAnagram(字谜){ 让FilteredOrdList=[]; 让finalWordList=[]; anagram=anagram.toLowerCase().split(“”.sort(); //根据字谜的长度过滤字典列表 for(设i=0;ix); for(设i=0;i单击此处查看其定义! `; } outputElement.innerHTML=outputHTML; 让definitionElements=document.querySelectorAll(“#definitions”); for(设i=0;i
html,
身体{
边际:0px;
身高:100%;
}
。单击:悬停{
光标:指针
}
.翻盖卡片{
透视图:1000px;
}
/*需要使用该容器来定位正面和背面*/
.翻转卡内部{
位置:相对位置;
宽度:100%;
身高:100%;
转变:转变1s;
变换样式:保留-3d;
}
/*定位前后侧*/
.翻转卡正面{
宽度:100%;
身高:100%;
背面可见性:隐藏;
}

字谜应用程序
字谜应用程序

查看返回的词典(\n分隔字符串),我无法理解为什么要删除单词数组中每个单词的最后一个字符:

for (let i = 0; i < words.length; i++) {
   words[i] = words[i].slice(0,-1);
}

for(设i=0;i