JSFiddle - React, Tailwind, and code Playground

HTML

<section class="banner">
      <figure>
       <input type="button" id="button" value="Play" />
       <img src="img/destaque-home.png" alt="Promoção : Big City Night"/
 </figure>
</section>

JavaScript

var play;
var controle = document.getElementById('button');

function teste() {

  if(document.getElementById("button").value == "Play")
 {
  document.getElementById("button").value = "Pause";
  play = setInterval(trocaBanner,4000);
 } 
 else
 {
  document.getElementById("button").value = "Play";
  clearInterval(play);
 }
}

controle.addEventListener('click', teste)