ボタンをクリックするとhtmlコードが表示されます

Question

Answer 1

<html> 
 
<head> 
 
    <script> 
 
     function FNADDTEXTFIELD() { 
 
     var PreviousFields=document.getElementById('txtField').innerHTML; 
 
      document.getElementById('txtField').innerHTML =PreviousFields+ '<input type="text"><br>&ensp;<br><input type="text"><br>&ensp;<br>' 
 
     } 
 
    </script> 
 
</head> 
 
<body> 
 
    <div id="txtField"> 
 
    </div> 
 
    <button type="button" onclick="FNADDTEXTFIELD()">Click me</button> 
 
</body> 
 
</html>

Answer 2

さて、PHPの部分については、新しい質問をしてください。しかし、ここでは、 "ボタンをクリックした後のHTMLコードの表示"に対する答えです。

var i = 0; 
 

 
jsForm = document.getElementById("js-form"); 
 

 
function addInputs() { 
 
    i++; 
 
    jsForm.innerHTML += '<div class="group-'+ i +'"><h3>Group '+ i + '</h3>Question: <input type="text" name="question' + i +'"><br>Answer: &nbsp; <input type="text" name="answer' + i + '"></div>'; 
 
}

<button onclick="addInputs()">Ask a new question</button> 
 

 
<form id="js-form" action="process.php" method="POST"> 
 
</form>

ボタンをクリックするとhtmlコードが表示されます

答えて

関連する問題