Скажите пожалуйста как можно создать виртуальный CapsLock

У меня есть input и checkbox надо чтобы при нажатие на кнопку регистр менялся на верхний а после повторного нажатия снова менялся на нижний регистр Скажите пожалуйста как можно это сделать без jQuery

введите сюда описание изображения

введите сюда описание изображения

введите сюда описание изображения

введите сюда описание изображения


Ответы (1 шт):

Автор решения: noname2019

Попробуйте так:

document.getElementById("switch").onclick = function(){ 
    var text =document.getElementById("text"); 
    text.value = this.checked ? text.value.toUpperCase() : text.value.toLowerCase();
};
<input type="text" value="text_default" id="text" />
<span>Caps</span><input type="checkbox" id="switch" />

→ Ссылка