I want to refresh my data on my table when i press a bouton "Send"

Hi,

When I add new data to my table, it accumulates the data again and again.

// Fonction de convertion

function csvJSON(csv) {
        const lines = csv.split('\n');
        const result = [];
        const headers = lines[0].split(',');
     
        for (let i = 1; i < lines.length; i++) {
          if (!lines[i]) continue;
          const obj = {};
          const currentline = lines[i].split(',');
     
          for (let j = 0; j < headers.length; j++) {
            obj[headers[j]] = currentline[j];
          }
          result.push(obj);
        }
        return result;
      }

    function boutonSubmit(){

    bounceType = document.getElementById('BouncesType').value;
    datestart = document.getElementById('dateS').value;
    dateend = document.getElementById('dateE').value;
    //bounceCode = getElementById('#dateS').value;   

    // Récupération des donnèes et convertion     
            fetch(`https://api7.esv2.com/v2/Api/Bounces?apiKey=XXXXXXXXXX&startDate=${this.datestart}&endDate=${this.dateend}&bounceType=${this.bounceType}`)
                .then((response) => response.text())
                .then((txtResponse) => {
                const data = csvJSON(txtResponse);
    // Ciblage sur la page HTML
                const tbody = document.querySelector('#user-table tbody');
    // INSERTION DES DONNEES DE LAPI DANS LE CORPS DU TABLEAU
    // Pour tous nouveaux utilisateurs on crée un nouveau élement <tr>
            data.forEach( (user) => {
                const entry = document.createElement('tr')
    // On insère les donnèes de l'API
            entry.innerHTML = `
                <tr>
                    <td class="column1">${user.Date}</td>
                    <td class="column2">${user.Email}</td>
                    <td class="column3">${user.BounceCode}</td>
                    <td class="column3">${user["BounceType "]}</td>
                </tr>
                
                `;
              
                tbody.appendChild(entry);
                    });
                })
    
}



    
            
<!DOCTYPE html>
<html lang="en">
<head>
	<title>Expert Sender API</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
<!--===============================================================================================-->	
	<link rel="icon" type="image/png" href="images/icons/favicon.ico"/>
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="vendor/bootstrap/css/bootstrap.min.css">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="fonts/font-awesome-4.7.0/css/font-awesome.min.css">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="vendor/animate/animate.css">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="vendor/select2/select2.min.css">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="vendor/perfect-scrollbar/perfect-scrollbar.css">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="css/util.css">
	<link rel="stylesheet" type="text/css" href="css/main.css">
<!--===============================================================================================-->
</head>
<body>
	
	<div class="limiter">	
		<div class="container-table100">		
			<h1 class="Titre"><strong>Expert Sender Bounces List</strong></h1>
					
			<div class="wrap-table100">
				<div id="table100" class="table100">
					<!-- INPUT BOUCES LIST -->
						
					<form>
						<input type="text" maxlength="1" class="form-control" name="BouncesType" id="BouncesType" required /> 
						<input type="date" class="form-control" name="dateS" id="dateS"/>
						<input type="date" class="form-control" name="dateE" id="dateE"/> 
						<input type="text" class="form-control" name="BounceCode" id="BounceCode" /> 
						<button onclick="boutonSubmit()" type="button" class="form-control" name="submitb" id="submitb" >Envoyer</button>
					</form>

					<!-- TABLE DES BOUNCES -->
					<table id="user-table">
						<!-- EN TETE -->
						<thead>
							<tr class="table100-head">
								<th class="column1">Date & Heure</th>
								<th class="column2">Email</th>
								<th class="column3">BounceCode</th>
								<th class="column3">BounceType</th>
							</tr>
						</thead>
						<!-- Corp du tableau ou les données de l'API sont injecté -->
						<tbody id="tabdata">

						</tbody>
					</table>
					<!-- FIN DU TABLEAU -->	
				</div>
			</div>
		</div>
	</div>
</div>

<!-- SCRIPT JS PERSO -->
	<script src="js/getapi.js"></script>
<!-- SCRIPT JS PERSO -->	
<!--===============================================================================================-->	
	<script src="vendor/jquery/jquery-3.2.1.min.js"></script>
<!--===============================================================================================-->
	<script src="vendor/bootstrap/js/popper.js"></script>
	<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
<!--===============================================================================================-->
	<script src="vendor/select2/select2.min.js"></script>
<!--===============================================================================================-->
	<script src="js/main.js"></script>
<!--===============================================================================================-->
	<script src="http://code.jquery.com/jquery-latest.js"></script>

	<script>$(document).ready(function(){
		// load text file when page loads
	   $("#user-table").load("test.txt");
	
	   // Then reload it every 5 seconds, for ever ...
	   setInterval(function(){
	
		  $("#user-table").load("test.txt?"+ (new Date()).getTime()); //append current timestamp
		
	   }, 30000); //consider a larger timeout unless your data updates very frequently
	
	});</script>
<!--===============================================================================================-->
	


</body>
</html>

You may want to empty your div: see https://www.w3schools.com/jquery/html_empty.asp

Or without using jQuery:

tbody.innerHTML = ''