Postagens

Atividade #001

Utilizando os métodos window.prompt() e window.alert(), peça ao usuário que digite dois números onde o primeiro será a base e o segundo o expoente. Logo após o usuário digitar e confirmar o número relativo ao expoente, exiba o resultado da potência. Este código deverá ser postado no seu blog e o endereço do mesmo postado aqui nos comentários para avaliação. Se não lembrar destes métodos, consulte o artigo: https://progmaticabr.blogspot.com/2021/09/exemplo-de-utilizacao-dos-metodos.html Bons estudos!

Exemplo de utilização dos métodos window.alert() e window.prompt()

Vamos lá, recomeçando das origens, antes de utilizarmos os formulários, vamos treinar com o os métodos window.alert() e window.prompt(): a = parseFloat(window.prompt('digite um número')); // lê o primeiro valor b = parseFloat(window.prompt('digite outro número')); // lê o segundo valor c = a + b; // soma os dois valores window.alert('A soma de '+a+' e '+b+' é igual a '+c); // apresenta o resultado da soma

Entrada e saída

Trabalhar com os métodos window.alert() e window.prompt() para ler e exibir dados pode ser bem fácil e prático, porém nada bonito. A ideia é sair o mais rápido possível disso e partir para os formulários. Mas como compreender esta abordagem logo de início, se não soubermos trabalhar com eventos e funções? Então, após aprendermos a utilizar funções em JS, precisamos entender a estrutura de um arquivo HTML , saber usar os elementos <input> e <div> , o evento onclick e o método  document.getElementById() . Pronto! Sabendo usar estes 4 elementos, estaremos preparados para construir scripts muito mais amigáveis. Um próximo passo seria o "embelezamento" da nossa UI , porém, fica como lição de casa estudar as folhas de estilo, ou CSS . Fiz um pequeno script para demonstrar o uso dos forms. Foi o mais simples que consegui, sem perder o charme. Fique à vontade para testá-lo: Como fica: Mostra o resultado aqui! Os códigos 1. script: function copiar...

Geração de uma função afim a partir de dois pontos

Vamos então executar um script JS que determina uma função afim a partir de dois pares ordenados: Primeiro ponto: ( , ) Segundo ponto: ( , ) 1. script: function mais(n) { //põe o sinal de + na frente do número return (n>=0?'+':'')+n; } function gerar(){ var x1 = document.getElementById('x1').value; var y1 = document.getElementById('y1').value; var x2 = document.getElementById('x2').value; var y2 = document.getElementById('y2').value; var a = (y2-y1)/(x2-x1); var b = y1 - a*x1; document.getElementById('resp').innerHTML = '<b>f(x)='+(a==1?'':a)+'x'+(b==0?'':mais(b))+'</b>'; } 2. formulário: <form> Primeiro ponto: (<input id="x1" placeholder="x1" autofocus>, <input id="y1" placeholder="y1">)<br> Segundo ponto: (<...

Um novo passo

Olá pessoal! Resolvi mudar o nome do blog para ProgMática, pois pensei ser de mais fácil assimilação e estar ligado à palavras em português. Convenhamos, o "th" não é um fonema muito fácil de se pronunciar.

Desafios de algoritmos - I

Escreva um algoritmo em linguagem natural que realize as seguintes tarefas: Fritar um ovo (peça ajuda de outra pessoa, se não souber) Fazer uma laranjada. Pegar um ônibus, partindo da sua casa. Trocar uma lâmpada. Ler uma mensagem do WhatsApp. Somar dois números utilizando papel e lápis. Multiplicar dois números utilizando papel e lápis. Dividir dois números utilizando utilizando papel e lápis. Dividir dois números utilizando a calculadora. Lembre-se que um algoritmo nada mais é do que uma lista sequencial de instruções bem definidas para realizar uma determinada tarefa! 

Um belo script

Solução de uma equação do segundo grau. Digite os valores dos coeficientes: x² + x + = 0 Pensei bastante se começava com todo aquele papo teórico sobre algoritmos e fundamentos da programação e blá, blá, blá... Mas, na boa, não é isso que fará você se interessar pelo assunto. Então vou mostrar um script que demonstre um certo potencial do JS. Aqui temos algo mais avançado que, talvez, você não entenda agora, mas, aos poucos, irá entender. Prometo ir decifrando cada parte, de acordo com os passos que daremos mais à frente. Esse script resolve uma equação do segundo grau completa (ou incompleta, se zerar alguns coeficientes), utilizando um formulário HTML e os recursos de CSS. Deixo claro aqui que esta não será a nossa forma padrão de trabalhar nos primeiros scripts do "mão na massa", mas só uma amostra de onde queremos chegar. E podemos ir (e iremos) muito mais além, nos aventurando pelos recursos av...