O código não funciona. Poderiam me ajudar? Tem um simples código javascript...
Arquivo index.html
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>LISTA DE TAREFAS</title>
<script type="text/javascript">
let BotaoAdd = document.getElementById('botao');
let Input = document.getElementById('input-tarefa');
let Tarefas = document.getElementById('tarefas');
let marcado = false;
BotaoAdd.addEventListener('Click', function() {
if (Input.value != '') {
var tarefa = document.createElement('p');
Tarefas.appendChild(tarefa);
tarefa.innerText = '= ' + Input.value;
Input.value = '';
tarefa.addEventListener('click', function() {
if (marcado == false) {
tarefa.style.textDecoration = 'line-through';
marcado = true;
} else {
tarefa.style.textDecoration = '';
marcado = false;
}
})
tarefa.addEventListener('dblclick', function() {
Tarefas.removeChild(tarefa);
})
}
})
</script>
</head>
<body>
<div id="geral">
<h1>Lista de Tarefas</h1>
<input type="text" placeholder="digite sua tarefa" id="input-tarefa">
<button id="botao">Adicionar</button>
<div id="tarefas"></div>
</div>
</body>
</html>