Operadores (Parte1) – Curso JavaScript #07



Você já sabe como fazer cálculos usando JavaScript? Conhece os operadores aritméticos do JavaScript? Consegue entender a ordem de precedência dos operadores em JavaScript? Consegue utilizar os operadores de incremento (pré-incremento e pós-incremento) no JavaScript?

Pois, para responder a essas e muitas outras perguntas, assista essa aula do Curso de JavaScript para Iniciantes até o final. E não se esqueça sempre de praticar todas as atividades que fizermos durante o vídeo no seu próprio computador.

Aula do Curso de JavaScript e ECMAScript para Iniciantes, criado pelo professor Gustavo Guanabara para o canal CursoemVideo.

Curso em Vídeo
Seja um apoiador: http://cursoemvideo.com/apoie
Site: http://www.cursoemvideo.com
YouTube: http://www.youtube.com/cursoemvideo
Facebook: http://www.facebook.com/cursosemvideo
Twitter: http://twitter.com/cursosemvideo
Twitter: http://twitter.com/guanabara
Instagram: https://www.instagram.com/cursoemvideo/
Instagram: https://www.instagram.com/gustavoguanabara/

Patrocínio
Google: http://www.google.com.br

#CursoemVideo #JavaScript #EcmaScript #MóduloB #Aula07

Original source

45 thoughts on “Operadores (Parte1) – Curso JavaScript #07

  • April 4, 2020 at 07:20
    Permalink

    EJERCICIO_ MUCHAS GRACIAS

    <!– hacer mayusculas el nombre –>

    <!DOCTYPE html>

    <html lang="en">

    <head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Ejercicio_001</title>

    </head>

    <style>

    body{

    background-color: rgb(239, 252, 170);

    color: red;

    }

    </style>

    <body>

    <script>

    var nombre = prompt('¿Cual es tu nombre?')

    var a1 = Number(prompt ('Numero a1: '))

    var a2 = Number(prompt ('Numero a2: '))

    var b = Number(prompt ('Numero a b: '))

    var c = Number(prompt ('Numero c: '))

    var d = Number(prompt ('Numero d: '))

    var e = Number(prompt ('Numero e: '))

    var f = Number(prompt ('Numero f: '))

    document.write (`Hola <strong class="UpperCase"> ${nombre} </strong> como estas<br/> Tus numeros son: <br/>` )

    var nombre = nombre.toLowerCase ();

    document.write (`

    a1 es: <strong>${a1}</strong> <br/>

    a2 es: <strong>${a2}</strong> <br/>

    B es: <strong>${b}</strong> <br/>

    C es: <strong>${c}</strong> <br/>

    D es: <strong>${d}</strong> <br/>

    E es: <strong>${e}</strong> <br/>

    F es: <strong>${f}</strong> <br/>`)

    var praA = a1 + a2

    var praB = praA % b

    var praC = c * (praB**2)

    var praD = d – (praA / 2)

    var praE = (6*2)/ praD

    var praF = (praB % praE) + (f / praE)

    ///var total= praF.toFixed (praF);

    ////var total = praF.toFixed(2).replace('.',',')

    var total = praF.toLocaleString ('es-BO',{style: 'currency', currency:'BOL'})

    document.write ('<br/>Operaciones y Resultado: <br/>')

    document.write (`A.- A Primero ejercicio : ${a1} + ${a2} = <strong>${praA}</strong><br/>`)

    document.write (`B.- El Segundo ejercicio : ${praA} % ${b} = <strong>${praB}</strong><br/>`)

    document.write (`C.- El tercer ejercicio : ${c} * (${praB}**2) = <strong>${praC}</strong><br/>`)

    document.write (`D.- El cuarto ejercicio : ${d} – (${praA} / 2) = <strong>${praD}</strong><br/>`)

    document.write (`D.- El cuarto ejercicio : (${e} * 2) / ${praD} = <strong>${praE}</strong><br/>`)

    document.write (`E.- El quinto ejercicio : (${praB} % ${praE}) + (${f} / ${praF}) = <strong>${praF}</strong><br/>`)

    document.write (total)

    </script>

    </body>

    </html>

  • April 4, 2020 at 07:20
    Permalink

    Eu com a aula passada eu criei um programinha ou site nem sei como chamar kkk que faz o calculo proporcional de cada mensalidade aqui da empresa de onde eu trabalho. tendo em mente que o usuario tem duas opções de juros 5 reais e 10 reais.

    o programa identifica o dia mês e ano que estamos. só que a interface dele ta feia kkk quero continuar as aulas ainda pra deixar ele mais simples ainda

  • April 4, 2020 at 07:20
    Permalink

    Eu tô assistindo aula atrás de aula mas não consigo lembrar mano, eu não tenho PC , só tenho celular `_`

  • April 4, 2020 at 07:20
    Permalink

    Pra quem quiser mais exercícios pra treina so ir no site uri,la é lotado do nivel mais facil ate o avançado. O detalhe é q ele tem as chatices dele,mas é muito bom

  • April 4, 2020 at 07:20
    Permalink

    Guanabara, antes de mais nada, videos excelentes, parabéns por eles.
    Fiz os exercícios e não o bastante, quis ver como a linguagem se comporta em divisões por zero. Por exemplo:

    > var n

    undefined

    > n

    undefined

    Até aí Ok, mas percebi que o tipo da variável é trocada de undefined para Infinity quando tentei fazer divisão por zero:

    > var m = 4/0

    undefined

    > m

    Infinity

    Por que isso acontece?

  • April 4, 2020 at 07:20
    Permalink

    <!DOCTYPE html>

    <html lang="pt-br">

    <head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>Ecercicio Extra – Operações</title>

    <style>

    body {

    background-color: rgba(0, 128, 128, 0.39);

    color: tomato;

    font-size: 20pt;

    }

    </style>

    </head>

    <body>

    <h1>Operações</h1>

    <script>

    var name = window.prompt('Olá! Como se chama?')

    window.alert(`Sr(a) ${name}, você irá inserir dois numeros que serão parte do calculo das operações aritméticas, no entanto um terceiro numero será adicionado ao calculo de cada operação ex.: (5 + 3 + x), sua tarefa será descobrir com base na observação dos resultados qual é o valor desconhecido, boa sorte!`)

    var n1 = Number(window.prompt(`Para efetuar os calculos preciso que insira um valor: `))

    var n2 = Number(window.prompt(`Muito bem! agora insira outro numero: `))

    var x = n1 – n2

    var ad = n1 + n2 + x

    var su = n1 – n2 – x

    var mu = n1 * n2 * x

    var dir = n1 / n2 / x

    var rdi = n1 % n2 % x

    var po = n1 ** n2 ** x

    document.write(`A adição entre "${n1} + ${n2} + x" é ${ad} </br>`)

    document.write(`A subtração entre "${n1} – ${n2} – x" é ${su} </br>`)

    document.write(`A multiplicação entre "${n1} * ${n2} * x" é ${mu} </br>`)

    document.write(`A divisão real entre "${n1} / ${n2} / x" é ${dir} </br>`)

    document.write(`O resto da divisão inteira entre "${n1} % ${n2} % x" é ${rdi} </br>`)

    document.write(`A potenciação entre "${n1} ** ${n2} ** x" é ${po} </br></br>`)

    document.write(`Eae descobriu o valor de x? Observe os padrões!`)

    document.write(`Alias, x não é um valor unico se você atualizar a pagina e tentar outro numero verá que o valor mudará, então que tal pensar em qual expressão numerica faria tais resultados?`)

    document.write(`Muito Obrigado !`)

    </script>

    </body>

    </html>

  • April 4, 2020 at 07:20
    Permalink

    No curso de HTML a câmera da zoom nos comandos digitados no editor para facilitar a visualização. Faltou isso nesse curso de javascript. Fica difícil de ler o que é digitado no NodeJS e no Visual Studio Code, principalmente assistindo pelo celular.

  • April 4, 2020 at 07:20
    Permalink

    Olha, eu lembro do código pra transformar o número de uma variável em dinheiro local, mas acho que logo eu esqueço de uma parte ou algo assim. E outra coisa que eu fiquei em dúvida é a funcionalidade da vírgula no código monetário

  • April 4, 2020 at 07:20
    Permalink

    se nao me engano a regra matematica que define ess ierarquia de o peradores se chama pemas se eu estiver errado me corrijam pfv

  • April 4, 2020 at 07:20
    Permalink

    Aqui vai um programinha que eu criei baseado nessa Aula! É uma calculadora simples que funciona a base das quatro operações matemáticas básicas.

    <!DOCTYPE html>

    <html lang="pt-br">

    <head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>Calculadora</title>

    <style>

    *{

    padding: 0;

    margin: 0;

    }

    body {

    border: 1px solid #000000;

    margin-left: 20px;

    margin-right: 20px;

    }

    section{

    background-color: yellow;

    padding-bottom: 300px;

    }

    section nav ul li {

    display: inline-block;

    margin: 5px;

    font-size: 15pt;

    font-weight: bold;

    }

    .btn{

    background-color: #000;

    color:#fff;

    width: 150px;

    height: 40px;

    border: 3px #0a0 solid;

    border-radius: 15px;

    }

    </style>

    <body>

    <section>

    <nav>

    <ul>

    <li><button class="btn" type="button" onclick="

    var Valor_1 = Number(window.prompt('Digite um valor: '));

    var Valor_2 = Number(window.prompt('Digite outro valor: '));

    var resultado_adicao = Valor_1 + Valor_2;

    var Somar = window.alert(`A soma entre ${Valor_1} e ${Valor_2} tem por resultado ${resultado_adicao}`);">Somar</button></li>

    <li><button class="btn" type="button" onclick="

    var Valor_1 = Number(window.prompt('Digite um valor: '));

    var Valor_2 = Number(window.prompt('Digite outro valor: '));

    var resultado_subtracao = Valor_1 – Valor_2;

    var Subtrair = window.alert(`A subtração entre ${Valor_1} e ${Valor_2} tem por resultado ${resultado_subtracao}`);">Subtrair</button></li>

    <li><button class="btn" type="button" onclick="

    var Valor_1 = Number(window.prompt('Digite um valor: '));

    var Valor_2 = Number(window.prompt('Digite outro valor: '));

    var resultado_multiplicacao = Valor_1 * Valor_2;

    var Multiplicar = window.alert(`A multiplicação de ${Valor_1} e ${Valor_2} tem por resultado ${resultado_multiplicacao}`);">Multiplicar</button></li>

    <li><button class="btn" type="button" onclick="

    var Valor_1 = Number(window.prompt('Digite um valor: '));

    var Valor_2 = Number(window.prompt('Digite outro valor: '));

    var resultado_divisao = Valor_1 / Valor_2;

    var Dividir = window.alert(`A divisão entre ${Valor_1} e ${Valor_2} tem por resultado ${resultado_divisao}`);">Dividir</button></li>

    </ul>

    </nav>

    </section>

    </body>

    </html>

  • April 4, 2020 at 07:20
    Permalink

    23:40 Se é tanta coisa que não precisa se preocupar agora, pra que ensinar? Queremos aprender logo a prática kkkkk
    Mas esses fundamentos são ótimos para saber ler um código e tal.

  • April 4, 2020 at 07:20
    Permalink

    Filipe, tentei colocar a variável salário para aparecer na sequência mas não deu certo segue o código:
    var sal = window.prompt('Qual é o seu salário?')
    document.write(`Olá o seu salário é ${sal.toLocaleString('pt-BR', {style: 'currency', currency: 'BRL'})}`)

Leave a Reply