Input и checkbox

index.html

<input id="my-input" type="text" value="Text">
<button id="clear-button">Clear</button>
<p id="my-p">Text</p>


<input id="my-checkbox" type="checkbox">
<p id="checkbox-text"></p>

index.js

var input = document.getElementById('my-input');
var clearButton = document.getElementById('clear-button');
var p = document.getElementById('my-p');

function handleUserInput() {
  p.textContent = input.value;
}

function handleClearClick() {
  p.textContent = '';
  input.value = '';
}

input.addEventListener('input', handleUserInput);
clearButton.addEventListener('click', handleClearClick);

var checkbox = document.getElementById('my-checkbox');
var checkboxText = document.getElementById('checkbox-text');
handleCheckboxChange();

function handleCheckboxChange() {
  if (checkbox.checked) {
    checkboxText.textContent = 'Чекбокс отмечен';
  } else {
    checkboxText.textContent = 'Чекбокс пустой';
  }
}

checkbox.addEventListener('change', handleCheckboxChange);