Как перезаписать вывод данных из массива в html? После вывода нового значения из массива, старое убиралось по нажатию на кнопку и так далее

let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

let radioName = ["Radio-1", "Radio-2", "Radio-3"];
let radioNumber = ["85.5", "90"];

// let currentIndex = 0;
// let currentLimit = 1;

secondBtn.onclick = function showArray() {
  currentLimit += currentIndex;
  for (currentIndex; currentIndex < currentLimit && currentIndex < radioNumber.length; currentIndex++) {
    number.innerHTML += radioNumber[currentIndex] + "<br />";
  };
  return false;
}

* {
  padding: 0;
  margin: 0;
  border: 0;
}

*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

 :focus,
:active {
  outline: none;
}

a:focus,
a:active {
  outline: none;
}

nav,
footer,
header,
aside {
  display: block;
}

html,
body {
  height: 100%;
  width: 100%;
  font-size: 100%;
  line-height: 1;
  font-size: 14px;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

input,
button,
textarea {
  font-family: inherit;
}

input::-ms-clear {
  display: none;
}

button {
  cursor: pointer;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

a,
a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}


/* ////////////////////////////////////////////////////////// */

body {
  background-color: #242424;
}

.header {
  color: #FFFFFF;
  /* Цвет текста */
  font-family: Arial;
  /* Выбор шрифта */
  font-size: 150px;
  /* Размер шрифта */
  font-weight: 400;
  /* Жирность шрифта */
  text-align: center;
  /* Центровка текста */
  margin-top: 130px;
  /* Отступ сверху */
}

.number {
  color: #FFFFFF;
  /* Цвет текста */
  font-family: Arial;
  font-size: 100px;
  font-weight: 400;
  text-align: center;
  margin-top: 78px;
}

.value {
  color: #6A6A6A;
  font-size: 150px;
  font-family: Arial;
  font-weight: 400;
  text-align: center;
}

.section-interface {
  display: flex;
  justify-content: space-around;
  margin-top: 10%;
  margin-left: 5%;
}

.main-value {
  color: #FE5858;
  font-family: Arial;
  font-size: 180px;
  font-weight: 400;
  text-align: center;
  margin-top: -1.5%;
}

<div class="wrapper">
  <div class="section-nav">
    <div id="header" class="header">
      Radio <span id="valueHeader">1</span>
    </div>
    <div id="valueMainF" class="number">
      85
    </div>
  </div>
  <div class="section-interface">
    <a id="firstBtn" href="">
      <img src="img/button.png" height="200px" width="200px" alt="">
    </a>
    <div class="first value">85</div>
    <div id="valueMain-2" class="main-value">85</div>
    <div class="second value">107</div>
    <a id="secondBtn" onclick="sbtn()">
      <img src="img/button2.png" height="200px" width="200px" alt="">
    </a>
  </div>
</div>