const input = document.querySelector('input');
const log = document.getElementById('log');
let currentValue;
input.addEventListener('change', updateValue);
function updateValue(e) {
currentValue = log.textContent = e.target.value;
console.log(currentValue);
return log.textContent;
}main должен быть только уникальный контент. пишут, что предназначен для основного содержимого документа
div, зачем.р подразумевает параграф, разве там есть параграф?), картинки задаются через псевдоэлементы или чтото подобное.id нежелательна, стилизация тегов тем более. При стилизации стараться максимально упростить приоритет правила.