Как вместо value отобразить свой текст в input?

Question

[Miron4ek_228]

Предположим, у меня имеется value = 5 в input[text]
Могу ли я сделать условие: если value = 5, то вместо 5 в input отображается "My text". При этом не меняя значение value в DOM

Answer 1

[godsplan]

https://codepen.io/poylar/pen/YzExjxx?editors=1111

Answer 2

[Artem Nanavov]

Не меня значения в DOM'e нельзя.

У нас условие: Если в input'e текст == 5, то мы показываем `My text`, но, для того чтобы показать `My text`, нам надо изменить значение в input'e, а это уже изменения DOM'a.

Вот код:

const input = document.getElementById("input");

input.addEventListener("input", () => {
  if (input.value === "5") {
    input.value = 'mY text'
  }
})