Одна кнопка для возврата двух случайных слов

Question

Я хочу, чтобы кнопка возвращала два случайных слова в отдельные поля.

Я создал две кнопки, чтобы сделать то, что мне нужно.

<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>

Answer 1

Попробуйте поместить их только в одну форму. Я проверяю, чтобы увидеть, как это выглядит

Answer 2

Поместите два вызова в функцию и вызовите эту единственную функцию:

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>

Я не знаю ваш вариант использования, но я бы посоветовал вам поместить все это в одну форму вместо двух.