Сокрытие элемента по изменению значения чекбокса

Нужно что бы при выборе чекбокса показывался текст, а когда убираешь галочку что бы скрывался, как можно такое сделать? Что то не получается вообще, дайте пример пожалуйста)

Нужен обработчик события, в данном случае при изменении состояния чекбокса будет срабатывать функция которая будет изменять значение свойста display.


document.
querySelector('input').onchange = function() {

document.
querySelector('div').style.display = this.checked ? 'block': 'none'

}

<input type="checkbox" name="block" id="one"/>
<div
class="cont">Текст