Javascript 需要回文翻页卡应用程序的帮助！它'；It’他没有按计划履行职能

我制作了一个回文应用程序，它需要输入一个单词，然后翻转来判断它是否是回文。然而，在输入一个单词后，它不会翻转卡片来显示它是否是回文。我使用了玛丽亚·德尔·卡门·圣地亚哥的以下内容，尤其是和部分作为指南。有人能帮我找出我做错了什么吗

我还附加了一个应用程序的链接。

{
const form=document.querySelector（“表单”）；
常量输入=document.querySelector（“.word\uu输入”）；
const cardContent=document.querySelector（“.card\u content”）；
const cardBack=document.queryselectoral（“.card_u_u_u_u_u_u_u_u_u_u_;back”）；
const resultBack=document.querySelector（“.back\u result”）；
const backButton=document.querySelector（“.back_u按钮”）；
功能清除（输入）{
input.toLowercase（）.replace（/[\W]/g，“”）；
}
函数isAlindrome（事件）{
event.preventDefault（）；
常量cleanInput=干净（输入）；
//const cleanInput=input.toLowerCase（）.replace（/[\W\u]/g，”）；
//const reverseInput=cleanInput.split（“”）；
const reverseInput=cleanInput.split（“”）.reverse（）.join（“”）；
//for（设i=0；i

：根目录{
--第一种颜色：#fe9813；
--第二种颜色：#e77b0e；
--第三种颜色：#a22000；
--第四种颜色：#281200；
--fith颜色：#281200db；
--第六种颜色：#e4dede80；
--第七种颜色：#e4dedec5；
--字体：“Orbitron”；
--第一阴影：6px 6px 12px 220f00，-6px-6px 12px 2e1500；
--第二个阴影：6px 6px 12px#931d00，-6px-6px 12px#b12300；
--第一个阴影插图：插图8px 8px 16px#c76a0c，插图-8px-8px 16px#ff8c10；
--第二个阴影插图：插图6px 6px 12px#931d00，
插图-6px-6px 12px#b12300；
--第一个阴影文本：2px2px4pRGBA（0,0,0,0.6），-1px-1px3px#fff；
--第二个阴影文本：1px1px2pRGBA（0,0,0,0.3），-1px-1px1.5px#fff；
}
*,
*：之前，
*：之后{
框大小：继承；
文本对齐：居中；
字体系列：var（--font），无衬线，单空格；
字体大小：30px；
字体大小：正常；
颜色：var（--第一种颜色）；
-webkit文本笔划：2px var（--第三种颜色）；
}
身体{
背景色：var（--第四色）；
背景位置：中心；
背景重复：无重复；
背景尺寸：封面；
位置：相对位置；
最小高度：100vh；
}
主要{
显示器：flex；
弯曲方向：立柱；
对齐项目：居中；
最小高度：100vh；
保证金：0自动；
}
img{
对齐项目：居中；
宽度：90vw；
高度：60vh；
利润率：-20px 0px；
利润上限：-150px；
}
.卡片{
宽度：450px；
高度：450px；
透视图：450px；
文本对齐：居中；
边界半径：5px；
利润上限：-100px；
}
.卡片内容{
位置：相对位置；
宽度：100%；
身高：100%；
文本对齐：居中；
变换样式：保留-3d；
变换原点：中间偏右；
转变：转变2s；
}
.card\u content.is-fliped{
变换：translateX（-100%）rotateY（-180度）；
}
.card___面{
位置：绝对位置；
宽度：100%；
身高：100%；
边界半径：10px；
背面可见性：隐藏；
边界半径：10px；
}
.card___前{
填充：20px 5px；
框阴影：var（--第一个阴影）；
}
氢{
字体大小：45px；
字体大小：正常；
}
.输入单词{
边缘顶部：25px；
}
.word\u输入{
填充：10px；
对齐项目：居中；
边框：1px实心变量（--第三种颜色）；
大纲：无；
宽度：300px；
高度：50px；
-webkit文本笔划：1px var（--第三种颜色）；
背景：var（--第四种颜色）；
边界半径：10px；
}
.card____回{
变换：旋转（180度）；
显示：无；
填充：20px 5px；
}
.card\u back.display{
显示：块；
}
p{
字号：2em；
字号：700；
文本对齐：居中；
利润上限：-50px；
}
钮扣{
保证金：5px；
填充：10px；
宽度：90px；
高度：45px；
大纲：0；
边框：1px实心变量（--第三种颜色）；
背景：透明；
光标：指针；
字体大小：25px；
-webkit文本笔划：1.2px var（--第三种颜色）；
边界半径：5x10px；
位置：绝对位置；
底部：0px；
右：0px；
}
.开始按钮：悬停{
颜色：var（--第三种颜色）；
背景：var（--第二种颜色）；
字体大小：粗体；
}
.启动按钮：激活{
框阴影：var（--第一个阴影插入）；
}
.后退按钮：悬停{
颜色：var（--第三种颜色）；
背景：var（--第二种颜色）；
字体大小：粗体；
}
.后退按钮：激活{
框阴影：var（--第一个阴影插入）；
}

旋转器