Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Não consigo captura os dados do usuário com JavaScript

O problema é que eu não estava conseguindo capturar os dados digitados no input pelo usuário. Mas aí lembrei que para pegar somente os dados dentro de um input podemos usar o atributo 'value' .

HTML

<form>
            <section class="leitores-left">
                <input type="text" id="top-left" name="top-left" class="bt-top-left" 
                placeholder="Digite o canto Top-Left">

                <input type="text" id="bottom-left" name="bottom-left" class="bt-bottom-left" 
                placeholder="Digite o canto Bottom-left">
            </section>

            <section class="leitores-right">
                <input type="text" id="top-right" name="top-right" class="bt-top-right" 
                placeholder="Digite o canto Top-Right">

                <input type="text" id="bottom-rigth" name="bottom-right" class="bt-bottom-right" 
                placeholder="Digite o canto Bottom-Right">        
            </section>

            <button value="Modificar" class="btn-modificar">Modificar</button>
        </form>

Javascript

var botaoModificar = document.querySelector('.btn-modificar');
botaoModificar.addEventListener("click", modificar);

function modificar (event) {
event.preventDefault();


var dadosEntradaEsq = document.querySelector('.leitores-left');
var dadosEntradaDir = document.querySelector('.leitores-right')

console.log(dadosEntradaDir);
console.log(dadosEntradaEsq);

var topLeft = dadosEntradaEsq.querySelector('.bt-top-left');
console.log(topLeft);
var topRight = dadosEntradaDir.querySelector('.bt-top-right');
console.log(topRight);
var bottomLeft = dadosEntradaEsq.querySelector('.bt-bottom-left');
console.log(bottomLeft);
var bottomRight = dadosEntradaDir.querySelector('.bt-bottom-right');
console.log(bottomRight);

// Pegando somente o valor do botão 
var borderTopLeft = topLeft.textContent;
var borderTopRight = topRight.textContent;
var borderBottomLeft = bottomLeft.textContent;
var borderBottomRight = bottomRight.textContent;

console.log(borderTopLeft);
console.log(borderTopRight);
console.log(borderBottomLeft);
console.log(borderBottomRight);

}
2 respostas
solução!

Boa noite, Bernardo! Como vai?

O que vc está tentando fazer nesse caso e que não está funcionando? Vc poderia descrever para que eu tente te ajudar?

Qualquer coisa é só falar!

Grande abraço e bons estudos, meu aluno!

Eu consegui já, mas muito obrigado pela atenção instrutor! =)