一键返回两个随机词

时间:2019-09-22 13:10:54

标签: javascript html button

我想要一个按钮将两个随机单词返回到单独的框中。

我已经创建了两个按钮来执行所需的操作。

<FORM NAME="WordForm">  
<INPUT TYPE=TEXT NAME="WordBox" id="wordbox"><BR>
<INPUT TYPE=BUTTON VALUE="Click for Random Word 1" onClick="PickRandomWord(document.WordForm);" id="button">
</FORM>

<FORM NAME="WordForm1">  
<INPUT TYPE=TEXT NAME="WordBox1" id="wordbox1"><BR>
<INPUT TYPE=BUTTON VALUE="Click for Random Word 2" onClick="PickRandomWord1(document.WordForm1);" id="button">
</FORM>

我目前有2个按钮,每个按钮返回一个随机单词。我想要一个按钮来执行此操作。

我认为以下方法会起作用,但只会返回一个单词;


    

<FORM NAME="WordForm1">  
<INPUT TYPE=TEXT NAME="WordBox1" id="wordbox1"><BR>


<INPUT TYPE=BUTTON VALUE="Click for First Idea" onClick="PickRandomWord(document.WordForm); PickRandomWord1(document.WordForm1);" id="button">

</FORM>
</FORM>

2 个答案:

答案 0 :(得分:0)

将两个调用放入一个函数中并调用单个函数:

function buttonHandler(){
console.log(document.WordForm);
console.log(document.WordForm1);
}
<FORM NAME="WordForm">  
<INPUT TYPE=TEXT NAME="WordBox" id="wordbox"><BR>
<INPUT TYPE=BUTTON VALUE="Click for Random Word 1" onClick="buttonHandler();" id="button">
</FORM>

<FORM NAME="WordForm1">  
<INPUT TYPE=TEXT NAME="WordBox1" id="wordbox1"><BR>
<INPUT TYPE=BUTTON VALUE="Click for Random Word 2" onClick="buttonHandler();" id="button">
</FORM>

我不知道您的用例,但我也建议您将所有形式都用一种而不是两种形式。

答案 1 :(得分:0)

尝试只将它们放在一种形式中,然后检查一下,看看它是什么样子