Question

到目前为止，这是我必须要做的事情：

<html>
<body>
 <h3>Land Lubber's Pirate Translator</h3>
 <p>Simply click on the buttons to translate
 words and/or phrases from English to pirate talk.
 </p>
 <p>
 <input type="button" value="hello"
 onclick="document.getElementById('outputDiv').innerHTML=
 document.getElementById('outputDiv').innerHTML + 'ahoy ';">
 <input type="button" value="stranger"
 onclick="document.getElementById('outputDiv').innerHTML =
 document.getElementById('outputDiv').innerHTML + 'scurvy dog ';">
 </p>
 <hr>
 <div id="outputDiv"></div>
 </body>
 </html>

由于目前正在编写页面，因此多个翻译很不方便。如果您完成翻译一个短语并想要开始一个短语，则必须重新加载页面以清除页面分区。要更轻松地重复翻译，请添加标有＆＃34;清除翻译的按钮＆＃34;在单词/短语按钮下方。当用户单击此按钮时，应清除页面分区的内容（通过将其INNERHTML属性指定为空字符串）。

我不明白粗体部分对我来说意味着什么？

Answer 1

您已经在更改输出div的innerHTML属性以添加翻译。您要求做的是将输出的innerHTML设置为""（或''）。这会清除所有输出，因为""是一个空字符串。因此，您需要添加另一个带有onclick属性的按钮，该属性将innerHTML设置为""。为此，您需要添加下面显示的代码。

<input type="button" value="Clear the Translation" onclick="document.getElementById('outputDiv').innerHTML = ''">

＆＃13;

<h3>Land Lubber's Pirate Translator</h3>
<p>Simply click on the buttons to translate words and/or phrases from English to pirate talk.
</p>

<p>

  <input type="button" value="hello" onclick="document.getElementById('outputDiv').innerHTML = document.getElementById('outputDiv').innerHTML + 'ahoy';">
  <input type="button" value="stranger" onclick="document.getElementById('outputDiv').innerHTML = document.getElementById('outputDiv').innerHTML + 'scurvy dog';">

  <!-- ADD CODE HERE -->
  <input type="button" value="Clear the Translation" onclick="document.getElementById('outputDiv').innerHTML = ''">

</p>

<hr>
<div id="outputDiv"></div>

＆＃13;

Answer 2

＆＃13;

buildTypes {
    yourBuildType {
        debuggable false
    }
}

＆＃13;

＆＃34;英语到海盗＆＃34;文本翻译。我需要一个按钮来重置页面并清除翻译的文本

2 个答案: