Javascript Javascipt中使用While循环的Pig拉丁翻译程序

我儿子正在自学JavaScript。（他太年轻了，不可能在这里有账户。）他正试图用“while循环”编写一个Pig拉丁翻译程序。他现在的基本问题是如何对代码排序——因此用户键入单词，然后程序翻译，然后结果显示在警告框中。他是新来的，所以如果有人有任何友好的反馈，我们将不胜感激

以下是他得到的：

既然您正在寻求一般帮助，我会温和地建议，如果他正在学习JavaScript和HTML，他应该学习更新的版本，即HTML5、ES6+和CSS3

以下是他到目前为止的基本情况——不包括Pig拉丁翻译代码——但采用了较新的标准


“严格使用”；
const btnTrans=document.getElementById（'btnTrans'）；
const txtWord=document.getElementById（'txtWord'）；
btnTrans.addEventListener（'click'，translate'）；
函数translate（）{
console.log（txtWord.value）；
}
正文{
背景颜色：蓝色；
}
钮扣{
字号：1em；
背景：石灰
}

翻译
哦，天哪，这段代码中有很多错误。我真的建议先尝试一些简单的例子。但是为了在将来节省一些时间，下面是我在JavaScript中看到的一些问题。其中每一个都会导致错误并停止代码运行


基本字符串不在引号或撇号内（例如，
bcdfghjklmnpnpqrstvwxyz
应该是
“bcdfghjklmnpqrstvwxyz”
）
尝试记录语法而不是字符串（或可转换为字符串的对象）：
console.log（var…
将导致错误
对字符串变量使用增量（++）运算符
有些圆括号缺少右括号，而曲括号没有右括号
实际上，您从未从HTML元素获得要使用的字符串（即
的“值”）

在首先使用了一些简单的示例并对此进行了构建之后，我建议用谷歌搜索一个JavaScript pig拉丁语示例，并将其作为参考来学习更复杂的概念（比如将第一个字母与辅音匹配）。祝你好运
 首先要做的是打开浏览器的开发者工具（通常F12会打开），并学会爱上Console选项卡。它将显示错误。在堆栈溢出上，单击RunCodeSnippet也会显示它们。学习使用调试器是学习的另一个关键工具；它允许您逐行检查代码，并在每一步之后检查变量的状态——这是了解代码如何工作的好方法。最后，还有大量的教程站点（堆栈溢出不是其中之一）；先用那些。祝你好运