<input type="range" class="range" min="0" max="1">
  <span class="text">
    Сейчас такой текст 1
  </span>
  <span class="text">
    Сейчас такой текст 2
  </span>
const range = document.querySelector('.range')
let text = document.querySelectorAll('.text')
let text2 = ['Текст номер 2', 'Текст номер 2']

let text_origin = []
for(let i = 0; i < text.length; i++){
    text_origin[i] = text[i].innerHTML
}

range.addEventListener('change', (e) => {
  for(let i = 0; i < text.length; i++){
        if(e.target.step == 0){
            text[i].innerHTML = text2[i]
        }
        if(e.target.step == 1) {
            text[i].innerHTML = text_origin[i]
        }
    }
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.