+
+
+
+
+
+
\ No newline at end of file
diff --git a/entrega/anna-beatriz/exercicioParaCasa/1/script/script.js b/entrega/anna-beatriz/exercicioParaCasa/1/script/script.js
new file mode 100644
index 0000000..1fa8948
--- /dev/null
+++ b/entrega/anna-beatriz/exercicioParaCasa/1/script/script.js
@@ -0,0 +1,63 @@
+// Calculadora de média de provas
+// Você irá construir uma aplicação web com os seguintes requisitos:
+
+// Calcula o valor médio entre duas notas e informa ao aluno seu resultado quando o botão é acionado
+// Resultados: APROVADO > 70%
+// Resultados: REPROVADO < 70%
+
+// Exibir na mensagem a média atual do aluno.
+// Ex: Parabéns! Você foi aprovado com a média X
+// Ex: Infelizmente, você não atingiu a nota mínima para aprovação. Sua média é X
+
+// Validar campos de input para não aceitar valores vazios e formatos inválidos
+
+// ATENÇÃO - LEMBRE-SE QUE PARA TRANSFORMAR STRING(texto) EM NÚMERO É NECESSÁRIO UTILIZAR FUNÇÕES, PEQUISE parseInt ou parseFloat
+
+const botaoCalculo = document.querySelector("#button");
+const mediaMensagem = document.querySelector(".media-titulo");
+
+function mediaCalculo (n1, n2) {
+ return Math.round((n1+n2)/2);
+}
+
+botaoCalculo.addEventListener("click", function(event){
+ event.preventDefault();
+ let nota1 = parseFloat(document.querySelector(".nota1").value);
+ let nota2 = parseFloat(document.querySelector(".nota2").value);
+ let mediaFinal = mediaCalculo(nota1, nota2);
+
+ if (mediaFinal >= 7 && mediaFinal <= 10) {
+ mediaMensagem.innerHTML = `Parabéns, você foi APROVADO com média ${mediaFinal}!`;
+ mediaMensagem.classList.add("aprovacao");
+ mediaMensagem.classList.remove("reprovacao");
+ mediaMensagem.classList.remove("mensagem-de-erro");
+ }
+
+ if (mediaFinal < 7 && mediaFinal >= 0) {
+ mediaMensagem.innerHTML = `Sorry, você foi REPROVADO com média ${mediaFinal}!`;
+ mediaMensagem.classList.remove("aprovacao");
+ mediaMensagem.classList.add("reprovacao");
+ mediaMensagem.classList.remove("mensagem-de-erro");
+ }
+
+ if (isNaN(nota1) || isNaN(nota2)) {
+ mediaMensagem.innerHTML = `Favor preencher novamente os campos com valores númericos entre 0 e 10`;
+ mediaMensagem.classList.remove("aprovacao");
+ mediaMensagem.classList.remove("reprovacao");
+ mediaMensagem.classList.add("mensagem-de-erro")
+ }
+
+ if (nota1 > 10 || nota2 > 10 || nota1 < 0 || nota2 < 0) {
+ mediaMensagem.innerHTML = `Favor preencher novamente os campos com valores númericos entre 0 e 10`;
+ mediaMensagem.classList.remove("aprovacao");
+ mediaMensagem.classList.remove("reprovacao");
+ mediaMensagem.classList.add("mensagem-de-erro")
+ }
+
+});
+
+
+
+
+
+
diff --git a/entrega/anna-beatriz/exercicioParaCasa/desafio/css/style.css b/entrega/anna-beatriz/exercicioParaCasa/desafio/css/style.css
new file mode 100644
index 0000000..8b90ae6
--- /dev/null
+++ b/entrega/anna-beatriz/exercicioParaCasa/desafio/css/style.css
@@ -0,0 +1,103 @@
+/* GERAL */
+* {
+ box-sizing: border-box;
+}
+
+body {
+ font-family: 'Open Sans', Arial, Helvetica, sans-serif;
+ font-size: 16px;
+ background-image: url('../img/twitter.jpg');
+ background-size: cover;
+}
+
+.wrapper {
+ width: 40%;
+ margin: 15% auto;
+}
+
+/* FORM */
+
+.tweet-composer {
+ position: relative;
+ background-color: #1680ea;
+ padding: 10px 20px;
+}
+
+.tweet-composer__form-group {
+ position: relative;
+ width: 100%;
+}
+
+.tweet-composer__label {
+ display: block;
+}
+
+.tweet-composer__input {
+ width: 100%;
+ border-radius: 2px;
+ border: 1px solid #ffffff;
+ min-height: 40px;
+ padding: 10px;
+ font-size: 14px;
+ resize: none;
+}
+
+.tweet-composer__button {
+ border-radius: 50px;
+ border: 0;
+ padding: 10px 20px;
+ margin-top: 10px;
+ width: 130px;
+ font-weight: bold;
+ font-size: 16px;
+ cursor: pointer;
+ transition: 0.3s;
+}
+
+.tweet-composer__button:hover {
+ background-color: #e6ecf0;
+ transition: 0.3s;
+}
+
+.tweet-composer__counter {
+ display: inline-block;
+ text-align: right;
+ color: #fff;
+}
+
+/* TIMELINE */
+
+.tweets-timeline__box {
+ background-color: #ffffff;
+ margin: 1.3px 0;
+ border-radius: 1px;
+ padding: 10px 20px;
+}
+
+.tweets-timeline__name {
+ font-weight: bold;
+}
+
+.tweets-timeline__username {
+ color: gray;
+ font-size: 13px;
+}
+
+.tweets-timeline__date {
+ color: gray;
+ font-size: 13px;
+}
+
+.tweets-timeline__footer {
+ color: gray;
+ font-size: 13px;
+}
+
+.tweets-timeline__delete-button {
+ color: gray;
+ font-size: 13px;
+ border: 0;
+ background: 0 0;
+ cursor: pointer;
+ padding: 0;
+}
diff --git a/entrega/anna-beatriz/exercicioParaCasa/desafio/img/twitter.jpg b/entrega/anna-beatriz/exercicioParaCasa/desafio/img/twitter.jpg
new file mode 100644
index 0000000..27dfe1a
Binary files /dev/null and b/entrega/anna-beatriz/exercicioParaCasa/desafio/img/twitter.jpg differ
diff --git a/entrega/anna-beatriz/exercicioParaCasa/desafio/index.html b/entrega/anna-beatriz/exercicioParaCasa/desafio/index.html
new file mode 100644
index 0000000..0801690
--- /dev/null
+++ b/entrega/anna-beatriz/exercicioParaCasa/desafio/index.html
@@ -0,0 +1,48 @@
+
+
+
+
+
+
+
+ Desafio Twitter
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Bárbara Aguilar
+ @BahLutz
+ • 19 set
+
+
+ Olá Pessoal, bom dia. Eu aprendi javascript e já estou apaixonada. Vou criar projetos e publicar no meu
+ github. #js #adoro #reprograma
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/entrega/anna-beatriz/exercicioParaCasa/desafio/script/script.js b/entrega/anna-beatriz/exercicioParaCasa/desafio/script/script.js
new file mode 100644
index 0000000..261abb3
--- /dev/null
+++ b/entrega/anna-beatriz/exercicioParaCasa/desafio/script/script.js
@@ -0,0 +1,13 @@
+//DESAFIO NÃO É OBRIGATÓRIO
+// NÃO VALE PONTO
+// É APENAS UM DESAFIO PARA QUEBRAR A CABEÇA UM POUCO RS
+// FAÇA NO SEU TEMPO, PARA TREINAR E APROFUNDAR EM DOM
+
+// ESSE É O TWITTER CLONE E QUEREMOS REALIZAR ALGUMAS TAREFAS:
+// -OS TWEETS CRIADOS DEVEM SER INSERIDOS NO FEED ABAIXO DO TWEET FIXADO
+// -É NECESSÁRIO VALIDAR OS CAMPOS PARA NÃO ENVIAR TWEETS VAZIOS
+// -LIMPAR O CAMPO DE INPUT APÓS O ENVIO DO TWEET
+// -INSERIR EVENTO DE TECLADO PARA VALIDAR O NÚMERO DE CARACTERES DIGITADOS
+// -EXIBIR NO CONTADOR A CONTAGEM REGRESSIVA DE UTILIZAÇÃO DOS CARACTERES
+// -QUANDO FALTAR 5 CARACTERES ALTERAR A COR DO NÚMERO DO CONTADOR PARA VERMELHO
+// -QUANDO O CONTADOR ATINGIR 0 O BOTÃO DE TWEET DEVE SER DESABILITADO