javascript - javascriptを使用してmcqに選択肢を追加する方法

Question

mcq を作成できるプログラムを作成しようとしています。以下は私のコードです

<p>how many mcq choice you need?</p>
<input type="text" id="question"></input>

今、テキストボックスから入力を取得するためにJavaScriptを使用しようとしています。入力が4の場合、表示されます

a

b

c

d

これを達成するために必要なJavaScriptはどのように見えるでしょうか？

Answer 1

これを試して

<script type="text/javascript">

    function CreateMCQ(){
           document.getElementById('option').innerHTML = "";
           var input = document.getElementById('question').value ;
           for(var i = 0;i<input;i++){
               document.getElementById('option').innerHTML += "<input type='radio'>"+"option "+(i+1)+"<br/> ";
           }
       }
  </script>

html

    <p>how many mcq choice you need?</p>
    <input type="text" id="question"></input>
    <input type="submit" value="Create" onclick="CreateMCQ();" />
    <div id="option"></div>

Answer 2

このようにしてみてください

function check () {
    if (document.getElementById('question').value == 4)  {
    document.getElementsByTagName('p')[0].innerHTML += "a </br> b </br> c </br> d </br>"
    }
}

onchangeこの関数をイベントにバインドします。