我正在做一个pyg-llatin翻译器,但在这个阶段,我想做的就是让它将p标记内的文本更改为在文本框中键入的文本,但当我按下按钮时,什么也没有发生。
HTML:
var word
function translateWord() {
getWord();
outputWord();
alert("test");
}
function getWord() {
word = Document.getElementById("wordIn").value
}
function outputWord() {
Document.getElementById("wordOut").innerHTML = word;
}
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Pig Latin Translator</title>
</head>
<body>
<script src="JS/Translator.js"></script>
<h1>Pig Latin Translator</h1>
<br>
<form>
<input type="text" id="wordIn">
<button type="button" name="Translate" onclick="translateWord()">Translate</button>
<p id="wordOut">-</p>
</form>
<br>
</body>
</html>
发布于 2018-08-12 03:44:36
Document
是document
的实例所在的类,尽管它们是不同的。
console.log(document === Document) // => false
console.log(document instanceof Document) // => true
更改后,您的代码即可正常工作:
var word
function translateWord() {
getWord();
outputWord();
alert("test");
}
function getWord()
{
word = document.getElementById("wordIn").value
}
function outputWord()
{
document.getElementById("wordOut").innerHTML = word;
}
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Pig Latin Translator</title>
</head>
<body>
<script src="JS/Translator.js"></script>
<h1>Pig Latin Translator</h1>
<br>
<form>
<input type="text" id="wordIn">
<button type="button" name="Translate" onclick="translateWord()">Translate</button>
<p id="wordOut">-</p>
</form>
<br>
</body>
</html>
发布于 2018-08-12 03:54:55
您可以将translateWord()函数替换为:
function translateWord() {
document.getElementById("wordOut").innerHTML = document.getElementById("wordIn").value;
}
发布于 2018-08-12 04:02:50
var word
function translateWord() {
getWord();
outputWord();
alert("test");
}
function getWord()
{
word = document.getElementById("wordIn").value
}
function outputWord()
{
document.getElementById("wordOut").innerHTML = word;
}
https://stackoverflow.com/questions/51803137
复制相似问题