Tengo este código html:
<p class="day-left"> <span style="color: #000" id="countdown2"></span> <span id="days">days</span> to <strong>the EVENT</strong>! </p>La salida es:
3 days to the EVENT.La cuenta regresiva 2 está ejecutando una función que calcula los días restantes.
Quiero que cuando la cuenta regresiva2 del intervalo sea = 1, el texto de los días del intervalo cambie a "día", no a "días".
Intenté este código, pero no funcionó:
if ($('span#countdown2:contains("<span style="color: #000" id="countdown2">1</span>")').length > 0) { $("#days").write("day"); }¿Alguna idea?
¿Quieres algo como esto?
const countdown2 = document.getElementById("countdown2"); const days = document.getElementById("days"); const btn = document.querySelector("button"); btn.addEventListener("click", () => { countdown2.textContent = +countdown2.textContent - 1; // you need these codes if (+countdown2.textContent < 2) { days.textContent = "day"; } // }); <button>decrease</button> <p class="day-left"> <span style="color: #000" id="countdown2">4</span> <span id="days">days</span> to <strong>the EVENT</strong>! </p>Esto ayuda ?
const days = document.getElementById("days") const counter = document.getElementById("countdown2") let count = 10 window.onload = () => { counter.innerText = count this.interval = setInterval(() => { count-- counter.innerText = count days.innerText = count === 1 ? "day" : "days" if (count <= 0) clearInterval(this.interval) }, 1000) } <p class="day-left"> <span style="color: #000" id="countdown2"></span> <span id="days">days</span> to <strong>the EVENT</strong>! </p>