Minha primeira imersão no 7-days-of-code da alura, no curso de Formação Iniciante em Programação.
Hoje o desafio foi corrigir esse código
let numeroUm = 1
let stringUm = '1'
let numeroTrinta = 30
let stringTrinta = '30'
let numeroDez = 10
let stringDez = '10'
if (COMPARAR O numeroUm e a stringUm) {
console.log('As variáveis numeroUm e stringUm tem o mesmo valor, mas tipos diferentes')
} else {
console.log('As variáveis numeroUm e stringUm não tem o mesmo valor')
}
if (COMPARAR O numeroTrinta e a stringTrinta) {
console.log('As variáveis numeroTrinta e stringTrinta tem o mesmo valor e mesmo tipo')
} else {
console.log('As variáveis numeroTrinta e stringTrinta não tem o mesmo tipo')
}
if (COMPARAR O numeroDez e a stringDez) {
console.log('As variáveis numeroDez e stringDez tem o mesmo valor, mas tipos diferentes')
} else {
console.log('As variáveis numeroDez e stringDez não tem o mesmo valor')
}Para fazer a correção eu primeiro removi o "COMPARAR O" dos ifs
if (numeroUm e a stringUm) {
console.log('As variáveis numeroUm e stringUm tem o mesmo valor, mas tipos diferentes')
} else {
console.log('As variáveis numeroUm e stringUm não tem o mesmo valor')
}
if (numeroTrinta e a stringTrinta) {
console.log('As variáveis numeroTrinta e stringTrinta tem o mesmo valor e mesmo tipo')
} else {
console.log('As variáveis numeroTrinta e stringTrinta não tem o mesmo tipo')
}
if (numeroDez e a stringDez) {
console.log('As variáveis numeroDez e stringDez tem o mesmo valor, mas tipos diferentes')
} else {
console.log('As variáveis numeroDez e stringDez não tem o mesmo valor')
}Depois eu mudei o "e a" por "=="
(importante mencionar que se colocar "===" ele ignora a diferença entre 'x' e apenas x)
if (numeroUm == stringUm) {
console.log('As variáveis numeroUm e stringUm tem o mesmo valor, mas tipos diferentes')
} else {
console.log('As variáveis numeroUm e stringUm não tem o mesmo valor')
}
if (numeroTrinta == stringTrinta) {
console.log('As variáveis numeroTrinta e stringTrinta tem o mesmo valor e mesmo tipo')
} else {
console.log('As variáveis numeroTrinta e stringTrinta não tem o mesmo tipo')
}
if (numeroDez == stringDez) {
console.log('As variáveis numeroDez e stringDez tem o mesmo valor, mas tipos diferentes')
} else {
console.log('As variáveis numeroDez e stringDez não tem o mesmo valor')
}Após isso eu alterei o console.log do numeroTrinta.
console.log('As variáveis numeroTrinta e stringTrinta tem o mesmo, mas tipos diferentes')
} else {
console.log('As variáveis numeroTrinta e stringTrinta não tem o mesmo valor')
}Assim, quando eu executo o código mostra:
As variáveis numeroUm e stringUm tem o mesmo valor, mas tipos diferentes
As variáveis numeroTrinta e stringTrinta tem o mesmo, mas tipos diferentes
As variáveis numeroDez e stringDez tem o mesmo valor, mas tipos diferentes
Se for necessário, eu fiz uma variação do código mostrando os números ao invés do nome das variáveis
let numeroUm = 1
let stringUm = '1'
let numeroTrinta = 30
let stringTrinta = '30'
let numeroDez = 10
let stringDez = '10'
if (numeroUm == stringUm) {
console.log("As variáveis " + numeroUm + " e " + stringUm + " tem o mesmo valor, mas tipos diferentes")
} else {
console.log('As variáveis ' + numeroUm + ' e ' + stringUm + ' não tem o mesmo valor')
}
if (numeroTrinta == stringTrinta) {
console.log("As variáveis " + numeroTrinta + " e " + stringTrinta + " tem o mesmo, mas tipos diferentes")
} else {
console.log('As variáveis ' + numeroTrinta + ' e ' + stringTrinta + ' não tem o mesmo valor')
}
if (numeroDez == stringDez) {
console.log("As variáveis " + numeroDez + " e " + stringDez + " tem o mesmo valor, mas tipos diferentes")
} else {
console.log('As variáveis ' + numeroDez + ' e ' + stringDez + ' não tem o mesmo valor')
}O desafio de hoje foi fazer três perguntas pro usuário e armazenar a resposta
(bonus, fazer pergunta com resposta sim ou não)
Eu comecei colocando a base do html usando Emmet.
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="dia2 7 days of code" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>Depois abri a chave de script dentro do html, porquê o codigo não é grande o suficiente para necessitar de um arquivo próprio
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="dia2 7 days of code" content="width=device-width, initial-scale=1.0">
<script>
</script>
<title>Document</title>
</head>
<body>
</body>
</html>Após isso adicionei as variáveis de nome, anos e linguagem com o alert da resposta
<script>
let nome = prompt ('Qual é o seu nome?');
let anos = prompt ('Quantos anos você tem?');
let linguagem = prompt ('Qual linguagem de programação você está estudando?');
alert('Olá ' + nome + ' você tem ' + anos + ' anos e já está aprendendo ' + linguagem);
</script>Nesse ponto o codigo já estava funcional, porém decidi adicionar o desafio extra, então o codigo ficou assim.
<script>
let nome = prompt ('Qual é o seu nome?');
let anos = prompt ('Quantos anos você tem?');
let linguagem = prompt ('Qual linguagem de programação você está estudando?');
alert('Olá ' + nome + ' você tem ' + anos + ' anos e já está aprendendo ' + linguagem);
let simOuNao = prompt ('Você gosta de estudar ' + linguagem + ' ? Responda com o número 1 para SIM ou 2 para NÃO.');
if (simOuNao == 1){
alert('Muito bom! Continue estudando e você terá muito sucesso.');
}
if (simOuNao == 2){
alert('Ahh que pena... Já tentou aprender outras linguagens?');
}
if (simOuNao != 1 && simOuNao != 2){
alert("Não entendi! :(");
}
</script>O desafio de hoje foi fazer perguntas pro usuário e mudar as perguntas baseado nas respostas
Comecei fazendo as variáveis e perguntas do caminho de front-end
let carreira = prompt("Você vai seguir qual carreira na programação? front-end ou back-end?");
if (carreira == 'frontend' || carreira == 'FrontEnd'|| carreira == 'front-end' || carreira == 'Front-end'|| carreira == 'front end' || carreira == 'Front end'){
let programaf = prompt("Você quer aprender React ou Vue?");
let profundidadef = prompt("Você quer seguir se especializando em front-end ou seguir se desenvolvendo para se tornar Full Stack?");
}Depois adicionei as variáveis do caminho de back-end
if (carreira == 'backend' || carreira == 'back-end' || carreira == 'back end'){
let programab = prompt("Você quer aprender C# ou Java?");
let profundidadeb = prompt("Você quer seguir se especializando em back-end ou seguir se desenvolvendo para se tornar Full Stack?");
}E por final coloquei o loop de tecnologias
let tecnologias = prompt("Quais tecnologias você gostaria de se especializar ou de conhecer?");
let simNao = (confirm("Deseja aprender mais alguma tecnologia?"));
while (simNao == true){
let tecnologias = prompt("Cite outra tecnologia");
let simNao2 = (confirm("Deseja aprender mais alguma tecnologia?"))
if (simNao2 == false)
{ break; }
}Esse dia foi incrivelmente fácil
O desafio foi fazer um jogo de tentar acertar o número que o computador definir com três tentativas
Comecei o desafio definindo a variável do número com um gerador de número aleatório entre 1 e 10
var número = Math.floor(Math.random() * (10 - 1 + 1) + 1);Em seguida a variável do chute junto com as respostas se errar
var guess = prompt("Qual número estou pensando? (de 1 a 10)");
if (guess != número){
guess = prompt("Errado! Tente mais uma vez.");
}
if (guess != número){
guess = prompt("Errado! Última chance!");
}
if (guess != número){
alert("O número era " + número);
}Por fim a resposta se acertar o número
else{
alert("Parabéns, você acertou, o número era " + número);
}Então o código ficou assim
var número = Math.floor(Math.random() * (10 - 1 + 1) + 1);
var guess = prompt("Qual número estou pensando? (de 1 a 10)");
if (guess != número){
guess = prompt("Errado! Tente mais uma vez.");
}
if (guess != número){
guess = prompt("Errado! Última chance!");
}
if (guess != número){
alert("O número era " + número);
}
else{
alert("Parabéns, você acertou, o número era " + número);
}Simples né?
O Desafio de hoje é criar uma lista de compras separadas por tipo de produto!
Comecei o desafio adicionando as variáveis dos tipos de produto
let frutas = [];
let laticínios = [];
let congelados = [];
let vegetais = [];
let bebidas = [];
let outros = [];Depois coloquei a pergunta se deseja adicionar mais itens a lista de compras
var adicionarMais = confirm("Deseja adicionar mais itens a lista de compras?");
while (adicionarMais == true){
var item = prompt("Oque deseja adicionar?");
var tipo = prompt("Qual tipo de item ele é");Então eu coloquei os diferentes tipos de variável que o item irá entrar, dependendo do que você escolher
if (tipo == 'frutas' || tipo == 'fruta'){
frutas.push(item);
}
else if (tipo == 'laticínios' || tipo == 'laticínio' || tipo == 'laticinios' || tipo == 'laticinio'){
laticínios.push(item);
}
else if (tipo == 'congelados' || tipo == 'congelado'){
congelados.push(item);
}
else if (tipo == 'vegetais' || tipo == 'vegetal'){
vegetais.push(item);
}
else if (tipo == 'bebidas' || tipo == 'bebida'){
bebidas.push(item);
}
var continuar = confirm("Deseja adicionar mais algum item?")
if (continuar == false)
{ break; }Por fim coloco a lista com as variáveis
alert ("Sua lista é: \nFrutas: " + frutas + " \nLaticínios: " + laticínios + " \nCongelados: " + congelados + " \nVegetais: " + vegetais + " \nBebidas: " + bebidas);O Código inteiro ficou desse jeito:
let frutas = [];
let laticínios = [];
let congelados = [];
let vegetais = [];
let bebidas = [];
let outros = [];
var adicionarMais = confirm("Deseja adicionar mais itens a lista de compras?");
while (adicionarMais == true){
var item = prompt("Oque deseja adicionar?");
var tipo = prompt("Qual tipo de item ele é");
if (tipo == 'frutas' || tipo == 'fruta'){
frutas.push(item);
}
else if (tipo == 'laticínios' || tipo == 'laticínio' || tipo == 'laticinios' || tipo == 'laticinio'){
laticínios.push(item);
}
else if (tipo == 'congelados' || tipo == 'congelado'){
congelados.push(item);
}
else if (tipo == 'vegetais' || tipo == 'vegetal'){
vegetais.push(item);
}
else if (tipo == 'bebidas' || tipo == 'bebida'){
bebidas.push(item);
}
var continuar = confirm("Deseja adicionar mais algum item?")
if (continuar == false)
{ break; }
}
alert ("Sua lista é: \nFrutas: " + frutas + " \nLaticínios: " + laticínios + " \nCongelados: " + congelados + " \nVegetais: " + vegetais + " \nBebidas: " + bebidas);O desafio do sexto dia foi complementar o quinto dia com a opção de apagar
Então eu adicionei a confirmação de se quer remover algum item da lista
var confirmarRemover = confirm("Deseja remover o último item de alguma lista?")E se desejar remover:
if (confirmarRemover == true){
let remover = prompt("Qual categoria deseja remover?")Ele pergunta qual categoria deseja retirar o item
Então optei por usar o comando ".pop()" que remove o último ítem da lista
if (remover == 'frutas'){
frutas.pop();
}
else if (remover == 'laticínios'){
laticínios.pop();
}
else if (remover == 'congelados'){
congelados.pop();
}
else if (remover == 'vegetais'){
vegetais.pop();
}
else if (remover == 'bebidas'){
bebidas.pop();
}
else if (remover == 'outros'){
outros.pop();
}
else alert("Não foi encontrado nenhuma categoria com esse nome :(")
}E o final do código continua o mesmo 😁
let frutas = [];
let laticínios = [];
let congelados = [];
let vegetais = [];
let bebidas = [];
let outros = [];
var adicionarMais = confirm("Deseja adicionar mais itens a lista de compras?");
while (adicionarMais == true){
var item = prompt("Oque deseja adicionar?");
var tipo = prompt("Qual tipo de item ele é");
if (tipo == 'frutas' || tipo == 'fruta'){
frutas.push(item);
}
else if (tipo == 'laticínios' || tipo == 'laticínio' || tipo == 'laticinios' || tipo == 'laticinio'){
laticínios.push(item);
}
else if (tipo == 'congelados' || tipo == 'congelado'){
congelados.push(item);
}
else if (tipo == 'vegetais' || tipo == 'vegetal'){
vegetais.push(item);
}
else if (tipo == 'bebidas' || tipo == 'bebida'){
bebidas.push(item);
}
alert ("Sua lista é: \nFrutas: " + frutas + " \nLaticínios: " + laticínios + " \nCongelados: " + congelados + " \nVegetais: " + vegetais + " \nBebidas: " + bebidas);
var confirmarRemover = confirm("Deseja remover o último item de alguma lista?")
if (confirmarRemover == true){
let remover = prompt("Qual categoria deseja remover?")
if (remover == 'frutas'){
frutas.pop();
}
else if (remover == 'laticínios'){
laticínios.pop();
}
else if (remover == 'congelados'){
congelados.pop();
}
else if (remover == 'vegetais'){
vegetais.pop();
}
else if (remover == 'bebidas'){
bebidas.pop();
}
else if (remover == 'outros'){
outros.pop();
}
else alert("Não foi encontrado nenhuma categoria com esse nome :(")
}
var continuar = confirm("Deseja adicionar mais algum item?");
if (continuar == false)
{ break; }
}
alert ("Sua lista é: \nFrutas: " + frutas + " \nLaticínios: " + laticínios + " \nCongelados: " + congelados + " \nVegetais: " + vegetais + " \nBebidas: " + bebidas);O desafio do sétimo e último dia foi fazer uma calculadora com suas operações sendo divididas em funções
Comecei o desafio já colocando as variáveis e as funções para ficar mais fácil no futuro de declará-las
let num1;
let num2;
let operacao = "";
function divisao(num1,num2){
return Number(num1) / Number(num2)
}
function multiplicacao(num1,num2){
return Number(num1) * Number(num2)
}
function subtracao(num1,num2){
return Number(num1) - Number(num2)
}
function soma(num1,num2){
return Number(num1) + Number(num2)
}Então abri um loop perguntando qual operação fazer e coloquei o alert de operação inválida e sair da operação
do{
operacao = prompt(`Qual operação você irá fazer? (soma) (subtração) (multiplicação) (divisão) (nenhuma).`);
while(operacao != soma && operacao != subtracao && operacao != multiplicacao && operacao != divisao && operacao != nenhuma){
alert('Essa não é uma operação! :(')
operacao = prompt(`Qual operação você irá fazer? (soma) (subtração) (multiplicação) (divisão) (nenhuma).`);
}
if(operacao == 'sair'){
break
}E também abri o prompt para colocar o primeiro e segundo número
num1 = prompt(`Primeiro número.`)
num2 = prompt(`Segundo número.`)Então abri o "switch" de operação, que é uma boa alternativa ao invés e colocar milhares de "if else"
switch(operacao){
case 'divisão':
alert(`O resultado da ${operacao} é ${divisao(num1, num2)}`);
break
case 'multiplicação':
alert(`O resultado da ${operacao} é ${multiplicacao(num1, num2)}`);
break;
case 'subtração':
alert(`O resultado da ${operacao} é ${subtracao(num1, num2)}`);
break;
case 'soma':
alert(`O resultado da ${operacao} é ${soma(num1, num2)}`);
break;
}E no final do código coloco a condição do loop
while(operacao === "soma" || operacao === "subtração" || operacao === "multiplicação" || operacao === "divisão");E no fim o código ficou assim
let num1;
let num2;
let operacao = "";
function divisao(num1,num2){
return Number(num1) / Number(num2)
}
function multiplicacao(num1,num2){
return Number(num1) * Number(num2)
}
function subtracao(num1,num2){
return Number(num1) - Number(num2)
}
function soma(num1,num2){
return Number(num1) + Number(num2)
}
do{
operacao = prompt(`Qual operação você irá fazer? (soma) (subtração) (multiplicação) (divisão) (nenhuma).`);
while(operacao != soma && operacao != subtracao && operacao != multiplicacao && operacao != divisao && operacao != nenhuma){
alert('Essa não é uma operação! :(')
operacao = prompt(`Qual operação você irá fazer? (soma) (subtração) (multiplicação) (divisão) (nenhuma).`);
}
if(operacao == 'sair'){
break
}
num1 = prompt(`Primeiro número.`)
num2 = prompt(`Segundo número.`)
switch(operacao){
case 'divisão':
alert(`O resultado da ${operacao} é ${divisao(num1, num2)}`);
break
case 'multiplicação':
alert(`O resultado da ${operacao} é ${multiplicacao(num1, num2)}`);
break;
case 'subtração':
alert(`O resultado da ${operacao} é ${subtracao(num1, num2)}`);
break;
case 'soma':
alert(`O resultado da ${operacao} é ${soma(num1, num2)}`);
break;
}
}
while(operacao === "soma" || operacao === "subtração" || operacao === "multiplicação" || operacao === "divisão");Mesmo eu não conseguindo fazer os desafios um dia atrás do outro por problemas pessoais, esse desafio me deu uma clareza melhor sobre as funções (não a função functions, literalmente as funções) do java script para a criação de ferramentas.
Durante o curso de Iniciante em Programação eu simplesmente escrevia o que o professor pedia e funcionava, essa imersão do 7 days of code fez eu conseguir ter uma independência na criação de códigos, assim mesmo tendo dúvidas procuro na internet sobre a resolução delas, porém eu consegui fazer grande parte desse desafio sozinho, o que me deu a percepção de que eu estou cada vez mais habilitado para fazer meu códigos.
Recomendo o curso da alura para todos meus colégas porquê está dando um grande impacto para minha formação profissional. 😎😎😎