Here is the problem...

I have created an "i" variable as a counter and set it to 0.
I took a variable containing a DOM element, and wished to rplace the value of it by the number into "i". But as the value of the DOM element is a character and I try to insert a numeric value, I've got an error...

Any idea how to place the value of "i" replacing my element?

My code : 

```js
compte = document.getElementById("compteurClics");
i = 0;
var boutonElts = document.getElementById("clic");
boutonElts.addEventListener("click", function() {
  console.log("Un clique de plus!");
  i++;
});

compte.replaceWith(i);

stop = document.getElementById("desactiver");
stop.addEventListener("desactiver", function() {
  stop.removeEventListener("click");
});
```

```html
<!doctype html>
<html>

<head>
  <meta charset="utf-8">
  <title>Compteur de clics</title>
</head>

<body>
  <button id="clic">Cliquez-moi !</button>
  <p>Vous avez cliqué <span id="compteurClics">0</span> fois</p>
  <button id="desactiver">Désactiver le comptage</button>

  <script src="../js/compteurClics.js"></script>
</body>

</html>
```