<input type="text" class="nome">
<button onclick="adicionar()">adicionar</button>
<script>
var nomes = ['Diego '];
function adicionar() {
let Name = document.getElementsByClassName('nome').value;
console.log(Name)//Me retorna undefined
let add = nomes.unshift(Name);
for (let i of nomes) {
let lista = document.createElement('ul');
let lst = document.createElement('li');
lista.appendChild(lst)
document.body.appendChild(lista);
lst.innerText = i;
}
}
</script>
Exercico - 04
Resolvido!!! incrementei um pouco e agora fica tudo salvo no local storage e com btn de excluir, enoix.
let listElement = document.querySelector('#app ul');
let inputElement = document.querySelector('#app input');
let buttonElement = document.querySelector('#app button');
let todos = [
]
let todas = JSON.parse(localStorage.getItem('list_todos'));
function renderTodos(){
listElement.innerHTML = '';
for (let todo of todos){
let todoElement = document.createElement('li');
let todoText = document.createTextNode(todo);
let linkElement = document.createElement('button');
let pos = todos.indexOf(todo);
linkElement.setAttribute('onclick','deleteTodo('+ pos +')')
let linkText = document.createTextNode('Excluir');
linkElement.appendChild(linkText);
todoElement.appendChild(todoText);
todoElement.appendChild(linkElement);
listElement.appendChild(todoElement);
}
}
renderTodos();
function addTodos(){
let todoText = inputElement.value;
todos.push(todoText);
inputElement.value = '';
renderTodos();
aveToStorage()
}
buttonElement.onclick = addTodos;
function deleteTodo(pos){
todos.splice(pos, 1);
renderTodos();
aveToStorage()
}
function saveToStorage(){
localStorage.setItem('list_todos', JSON.stringify(todo));
}