所以有 2 个单选项目,我希望用户选择执行哪一个,用户选择其中一个后,他/她将点击按钮“绘制!” 并将从他们选择的收音机项目的功能之一输出结果。但我不知道如何调用这两个函数并等到用户点击“Draw!” 按钮实际调用该函数。
我的 HTML 中有:
<p>
Do you want to <input type="radio" name="draw" id="draw" value="drawTriangle">Draw Triangle
or
<input type="radio" name="draw" id="draw" value="drawZigZag">Draw ZigZag<br>
<input type="button" value="Draw!" onclick="drawEither()">
</p>
<pre id="outputTriangle">
</pre>
<pre id="outputZigZag">
</pre>
和 Javascript:
function makeZigZag () {
var sizeTextField = document.getElementById('sizeTextField')
//block of codes
drawButton.onclick = function () {
outputTri.innerHTML = makeTriangle(sizeTextField.value);
};
}
function makeTriangle () {
var sizeTextField = document.getElementById('sizeTextField')
//block of codes
drawButton.onclick = function () {
outputZZ.innerHTML = makeTriangle(sizeTextField.value);
};
}
function drawEither () {
outputTri = document.getElementById('outputTriangle');
outputZZ = document.getElementById('outputZigZag');
}