Javascript Não sei o que isso siginifica

Semnet · 4 de novembro de 2019

<html>

<head>
<title>Nacionalidade</title>

</head>
<body>
    <h1>Detector de Estrangeiro</h1>
Você é :<input type="text" name="Texto" id="Tex">
<input type="button" value="Verificar" id="verific" onclick="confirmar()">
<div id="res">
</div>
<script>
    function confirmar() {
        var cc = document.querySelector('input#Tex')
        var res = document.querySelector('div#res')
        var nacao = (cc.value)
        res.innerHTML = `Sua nacionalidade é ${nacao}`
        if (nacao == 'Brasileiro')  {
            res.innerHTML += `<p>Você é Brasileiro </p>`
        } else { 
            res.innerHTML += `<p>Você é estrangeiro </p>`
        }
    }
    
</script>
</body>
</html>

Eu vi o professor do curso usando isso " var nacao = (cc.value) " mas não entendi para que isso funciona se puder me explicar usando o codigo acima eu agradeço

brund321 · 4 de novembro de 2019

@Semnet Oi, tudo bem?

Quando você clicar nesse botão:

<input type="button" value="Verificar" id="verific" onclick="confirmar()">

Ele vai executar a função confirmar, e lá ele utiliza a variável cc para armazenar este elemento(abaixo) que será um objeto em JS:

<input type="text" name="Texto" id="Tex">

Então esse objeto tem o método value que irá retornar o valor que foi inserido no elemento, caso não seja inserido nenhum valor nesse input irá retornar um string vazia. Compreende? Qualquer coisa é só perguntar.

Abraços.

Obs:

var nacao = (cc.value) // não há a necessidade de parênteses se você preferir você pode escrever assim:
var nacao = cc.value

Entrar

Javascript Não sei o que isso siginifica

Posts recomendados

Semnet

brund321

Crie uma conta ou entre para comentar

Criar uma conta

Entrar

Quem está navegando aqui 0 usuários estão online

Últimos tópicos

Livros

Cursos

Conteúdo recente

Sobre o Clube do Hardware

Direitos autorais

Mais

Fórum

Atividades

Artigos

Análises

Livros

Cursos