Besoin d'aide pour la création d'un èvénement après cliquebouton

Fermé
guirou@ - 5 oct. 2015 à 17:26
Bonjour,
suis nouvelle et j'ai un probléme que je voudrais bien résoudre avec votre aide bien sur.

je veut ajouter un évènement(ajouter un formulaire) lors d'un clique sur le bouton.

C'est réussi mais ya ya un probléme: je voudrais incrémenter un i à chaque fois que je clique sur le boutton mais pas de réussite.
Voici le code:

<form method="post" action="new.html" id="form">

<article>
<fieldset>
<p>
<label for="titre">Titre :</label><br />
<input type="text" name="titre" id="titre" size="28"/>
<br />
<label for="comment">Commentaire :</label><br />
<textarea rows ="2" cols="30" ></textarea>
<br />
<label for="date">Date :</label><br />
<input type="date" name="date" id="date" size="28"/>
<br />
<label for="enquete">Type d'enquête :</label><br />
<input type="checkbox" name="rep" id="rep" size="28"/>
<label for="rep">Privée</label>
<input type="checkbox" name="rep" id="rep" size="28"/>
<label for="rep">Public</label>
<br /> <br />
<input id="file" type="file"/>
<div id="prev"></div>
<script>
var fileInput = document.querySelector('#file');
fileInput.onchange = function() {
var xhr = new XMLHttpRequest();
xhr.open('POST'); // Rappelons qu'il est
obligatoire d'utiliser la méthode POST quand on souhaite utiliser
un FormData
xhr.onload = function() {
alert('Upload terminé !');
};
// Upload du fichier...
};
var form = new FormData();
form.append('file', fileInput.files[0]);
xhr.send(form);
</script>
<submit>
<input type="reset" value="Initialiser" name="init"/>
</submit>
</p>
</fieldset>

</article>
<p>   </p>
<article>

<fieldset>
<legend align="center" color="blue">Question1</legend> <!-- Titre du fieldset -->
<p>
<label for="quest">Question :</label><br />
<input type="text" name="quest" id="quest" size="28"/>
<br />
<label for="typ-quest">Type de question:</label><br />
<select name="typ-quest" id="typ-quest">
<option selected value="text"> Texte </option>
<option value="solo"> Cocher une seule case </option>
<option value="multiple"> Cocher plusieurs cases</option>
<option value="liste"> Liste déroulente </option>
<option value="image"> Image </option>
<option value="date"> Date </option>
<option value="num"> Numérique </option>
</select>



besoin du code java script
A voir également: