Jump to content

alecram28

Members
  • Content count

    13
  • Joined

  • Last visited

Everything posted by alecram28

  1. alecram28

    Algoritmo jogo lotérico

    Boa tarde. Tenho o seguinte exercício para fazer em Java: Escreva um algoritmo para jogo lotérico. O usuário deve informar sua aposta através de 5 números inteiros no intervalo de 1 a 100. No servidor, os números da aposta devem ser armazenados em um vetor. O vetor da aposta não pode conter números repetidos. O algoritmo deve realizar o sorteio, gerando 5 números aleatoriamente no intervalo de 1 a 100. Os números sorteados também devem ser armazenados em um vetor. O vetor do sorteio não pode conter números repetidos. Se o usuário acertar menos de 3 números, ele ganha 0% da premiação. Se o usuário acertar 3 números, ele ganha 50% da premiação. Se o usuário acertar 4 números, ele ganha 75% da premiação. Se o usuário acertar os 5 números, ele ganha 100% da premiação. Na interface, o algoritmo deve informar: a. O valor da premiação. b. O vetor da aposta. c. O vetor do sorteio. d. O valor do prêmio recebido pelo usuário. Gostaria de ajuda para como posso verificar os valores iguais entre os vetores (verificar se a pessoa acertou algum numero) Obrigado!
  2. alecram28

    Javascript e servlet

    Boa tarde. Tenho o seguinte exercício para fazer. Porém não esta dando certo. Se alguém puder me ajudar, agradeço. A interface já está ok. "No Netbeans, crie um novo projeto de uma aplicação Java Web usando Servlet. Altere o conteúdo do arquivo index.html, para que o navegador gere uma interface conforme indicado na figura abaixo. No pacote de nome Pacotes de Códigos-fonte, crie um novo pacote com nome controller e uma classe servlet com nome Controlador. O padrão de URL para acesso ao servlet Controlador deve ser /controlador. O método processRequest () deve ler os valores dos parâmetros que foram informados pelo usuário e imprimir esses valores na tela do navegador. Crie uma pasta no projeto para folhas de estilos. Nessa pasta, crie uma folha de estilo que aplique formatação às páginas apresentadas para o usuário, página index.html e página de resposta gerada pelo servlet. A formatação do formulário para envio de dados para o servidor deve seguir a apresentada na figura abaixo. Por fim, valide os dados informados pelo usuário. A validação consiste em apenas verificar se os campos foram preenchidos, não pode haver campos vazios. A validação deve ser feita no cliente e no servidor, validação em duas vias. No cliente, a validação deve ser feita através de scripts em linguagem JavaScript. Então, crie uma pasta no projeto para scripts JavaScript. Nessa pasta, crie o arquivo JavaScript com os scripts para validação no lado do cliente. No servidor, a validação deve ser feita em linguagem Java na classe servlet." HTML: <!DOCTYPE html> <html> <head> <title>LOGIN</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="css/folhadeestilos.css"> <script src="js/scripts.js"></script> </head> <form action="controlador" method="post"> <fieldset> <br> <label for="login">Login:</label> <input type="text" id="login" name="campoLogin" /> <br> <label for="email">E-mail:</label> <input type="text" id="email" name="campoEmail" /> <br> <label for="datanasc">Data de nascimento:</label> <input type="text" id="datanasc" name="campoDataNascimento" /> <br> <label for="senha">Senha:</label> <input type="text" id="senha" name="campoSenha" /> <br> <label for="csenha">Confirmar senha:</label> <input type="text" id="csenha" name="campoCSenha" /> <br> <label for="sexo">Sexo:</label> <select id="sexo" name="campoSexo"> <option value="">Selecione</option> <option value="1">Feminino</option> <option value="2">Masculino</option> </select> <br> <label for="cidade">Cidade:</label> <input type="text" id="cidade" name="campoCidade" /> <br> <label for="home">Home-Page:</label> <input type="text" id="home" name="campoHome" /> <br> <label for="inte">Interesses:</label> <input type="checkbox" id="inte" name="int1" value="musica"> Música <input type="checkbox" name="int2" value="esp"> Esportes <input type="checkbox" name="int3" value="moda">Moda <br> <input type="reset" id="res" value="Limpar" onclick="limpar();"/> <input type="submit" id="btn" value="Cadastrar" onclick="validar();"/> </fieldset> </form> </body> </html> CSS: fieldset { border: 5px solid black; background-color: rgb(231, 231, 231); width: 350px; height: 300px; line-height:1.5; /*espaçamento linhas*/ } .botao{ height: 20px; width: 70px; } JAVASCRIPT: function validar() { var mensagemErro = ""; if (document.getElementById ("login").value === "") { mensagemErro = "Informe o login."; } if (document.getElementById ("email").value === "") { mensagemErro += "\nInforme o email."; } if (document.getElementById ("datanasc").value === "") { mensagemErro += "\nInforme a data de nascimento."; } if (document.getElementById ("senha").value === "") { mensagemErro += "\nInforme a senha."; } if (document.getElementById ("csenha").value === "") { mensagemErro += "\nInforme a confirmação da senha."; } if(document.getElementById ("csenha").value!==document.getElementById ("senha").value){ mensagemErro += "\nAs senhas não batem"; } if (document.getElementById ("sexo").value === "") { mensagemErro += "\nInforme o sexo."; } if (document.getElementById ("cidade").value === "") { mensagemErro += "\nInforme a cidade."; } if (document.getElementById ("home").value === "") { mensagemErro += "\nInforme a Home-Page."; } if (document.getElementById ("musica").checked === "" && document.getElementById ("esporte").checked === "" && document.getElementById ("moda").checked === "") { mensagemErro += "\nInforme um interesse."; } if (mensagemErro === "") { return true; } else { alert (mensagemErro); return false; } } SERVLET package controller; import java.io.IOException; import java.io.PrintWriter; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; @WebServlet(name = "Controlador", urlPatterns = {"/controlador"}) public class Controlador extends HttpServlet { protected void processRequest(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { response.setContentType("text/html;charset=UTF-8"); String login = request.getParameter ("login"); String email = request.getParameter ("email"); String datanasc = request.getParameter ("datanac"); String senha= request.getParameter ("senha"); String sexo = request.getParameter ("sexo"); String cidade = request.getParameter ("cidade"); String home = request.getParameter ("home"); String inte = request.getParameter ("inte"); try (PrintWriter out = response.getWriter()) { out.println("<!DOCTYPE html>"); out.println("<html>"); out.println("<head>"); out.println("<title>Servlet Controlador</title>"); out.println ("<link rel='stylesheet' type='text/css' href='css/folhadeestilos.css'> "); out.println("</head>"); out.println("<body>"); out.println ("<h1>Dados de login:</h1>"); out.println ("<br>"+login+"<br>"+email+"<br>"+datanasc+"<br>"+senha+"<br>"+sexo+"<br>"+cidade+"<br>"+home+"<br>"+inte); out.println("</body>"); out.println("</html> } } // <editor-fold defaultstate="collapsed" desc="HttpServlet methods. Click on the + sign on the left to edit the code."> @Override protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { processRequest(request, response); } @Override protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { processRequest(request, response); } @Override public String getServletInfo() { return "Short description"; }// </editor-fold> }
  3. A ta. Eu só não entendi muito bem essa linha: var estilos = window.getComputedStyle ? getComputedStyle(text, null) : text.currentStyle;
  4. Preciso criar um album de fotos que ao clicar na imagem apareça uma descrição, e ao clicar novamente na imagem a descrição desapareça. Consigo fazer aparecer o texto mas não consigo oculta-lo depois de clicar novamente. Outra duvida, coloquei a div texto mas a formatação css que coloco nao aparece. HTML: <body> <h1>ÁLBUM DE FOTOS</h1> <div class="album"> <img src="foto1.jpg" onclick="mostrarTexto('Descriçao1!')" max width="300" max height="300"> </div> <div class="album"> <img src="foto2.jpg" onclick="mostrarTexto('terbrbrb!')" max width="300" max height="300"> </div> <div class="album"> <img src="foto3.jpg" onclick="mostrarTexto('aaaaaaa!')" max width="300" max height="300"> </div> <div class="album"> <img src="foto4.jpg"onclick="mostrarTexto('bbbbbbbb')" max width="300" max height="300"> </div> <div class="album"> <img src="foto5.jpg" onclick="mostrarTexto('cccccccc')" max width="300" max height="300"> </div> <div class="album"> <img src="foto6.jpg" onclick="mostrarTexto('dddddddd')" max width="300" max height="300"> </div> <div id= "texto"></div> <div class="album"> <img src="foto7.jpg" onclick="mostrarTexto('eeeeeee')" max width="300" max height="300"> </div> <div class="album"> <img src="foto8.jpg" onclick="mostrarTexto('fffffff')" max width="300" max height="300"> </div> <div class="album"> <img src="foto9.jpg" onclick="mostrarTexto('ggggggg')" max width="300" max height="300"> </div> </body> CSS: html { font-family: Arial, Helvetica, sans-serif } h1{ font-family: Arial, Helvetica, sans-serif; color: rgb(117, 170, 231); font-size:2rem; text-align: left; } .album{ float: left; width: 500px; } .texto{ font-family: Arial, Helvetica, sans-serif; font-size:2rem; color: rgb(92, 192, 92); } JS: function mostrarTexto(msg) { texto.innerHTML= msg; }
  5. alecram28

    Validar formulário Javascript

    Muito obrigado!!
  6. alecram28

    Validar formulário Javascript

    Bom dia. Sou iniciante e fiz esse formulário usando uma função Javascript para validar os campos preenchidos. Porém ele nao esta verificando, já pula para a pagina de Cadastrado com Sucesso. Se alguem puder me ajudar a achar o erro, obrigado! HTML1 <!DOCTYPE html> <html lang="en"> <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>Cadastro</title> <link href="pratica12exercicio06.css" type="text/css" rel="stylesheet"/> <script src="pratica12exercicio06.js" type="text/javascript"></script> </head> <body> <main> <form action="pratica12exercicio06Resp.html" method="get"> <fieldset> <br> <tr> <td> <label for="login">Login:</label> </td> <td> <input type="text" id="login" name="campoLogin" /> </td> </tr> <br> <tr> <td> <label for="email">E-mail:</label> </td> <td> <input type="text" id="email" name="campoEmail" /> </td> </tr> <br> <tr> <td> <label for="datanasc">Data de nascimento:</label> </td> <td> <input type="text" id="datanasc" name="campoDataNascimento" /> </td> </tr> <br> <tr> <td> <label for="senha">Senha:</label> </td> <td> <input type="text" id="senha" name="campoSenha" /> </td> </tr> <br> <tr> <td> <label for="csenha">Confirmar senha:</label> </td> <td> <input type="text" id="csenha" name="campoCSenha" /> </td> </tr> <br> <tr> <td> <label for="sexo">Sexo:</label> </td> <td> <select id="sexo" name="campoSexo"> <option value=""></option> <option value="1">Feminino</option> <option value="2">Masculino</option> </select> </td> </tr> <br> <tr> <td> <label for="cidade">Cidade:</label> </td> <td> <input type="text" id="cidade" name="campoCidade" /> </td> </tr> <br> <tr> <td> <label for="home">Home-Page:</label> </td> <td> <input type="text" id="home" name="campoHome" /> </td> </tr> <br> <tr> <td> <label for="interesse">Interesses:</label>:</label> </td> <td> <label> <input name="campoInt" id="musica" type="checkbox"/> Música</label> <label> <input name="campoInt" id="esporte" type="checkbox"/> Esporte</label> <label> <input name="campoInt" id="moda" type="checkbox" /> Moda</label> </td> </tr> <br><input id="res" class="botao" type="reset" value="Limpar" onclick="limpar();"/> <input type="submit" value="Cadastrar" name="botaoCadastrar"onclick="return validar();"/> </fieldset> </form> </main> </body> </html> HTML2 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Validação de Formulário</title> <link href="pratica12exercicio06.css" type="text/css" rel="stylesheet"> <script src="pratica12exercicio06.js" type="text/javascript"></script> </head> <body> <main> <div class="quadro"> <h1>Cadastro</h1> <div class="resp">Dados cadastrados com sucesso!</div> <a href="pratica12exercicio06.html"> <div class="botao"> Voltar</div> </a> </div> </main> </body> </html> JS: function validar() { var mensagemErro = ""; if (document.getElementById ("login").value == "") { mensagemErro = "Informe o login."; } if (document.getElementById ("email").value == "") { mensagemErro += "\nInforme o email."; } if (document.getElementById ("datanasc").value == "") { mensagemErro += "\nInforme a data de nascimento."; } if (document.getElementById ("senha").value == "") { mensagemErro += "\nInforme a senha."; } if (document.getElementById ("vsenha").value == "") { mensagemErro += "\nInforme a confirmação de senha."; } if (document.getElementById ("senha").value != document.getElementById ("vsenha").value) { mensagemErro += "\nAs senhas estão diferentes.";} if (document.getElementById ("cidade").value == "") { mensagemErro += "\nInforme a cidade."; } if (document.getElementById ("home").value == "") { mensagemErro += "\nInforme a Home-page."; } if (document.getElementById ("interesse").value == "") { mensagemErro += "\nInforme os interesses."; } var opcoesSexo = document.getElementsByName ("campoSexo"); var sexoPreenchido = false; for (var i = 0; i < opcoesSexo.length; i++) { if (opcoesSexo[i].checked) { sexoPreenchido = true; } } if (!sexoPreenchido) { mensagemErro += "\nInforme o sexo."; } if (mensagemErro == "") { return true; } else { alert (mensagemErro); return false; } } CSS: fieldset, .quadro { border: 5px solid black; background-color: rgb(231, 231, 231); width: 350px; height: 300px; line-height:1.5; /*espaçamento linhas*/ } .botao{ height: 20px; width: 70px; }
  7. alecram28

    Soma de duas matrizes 2x2

    Muito obrigado! Me ajudou muito.
  8. alecram28

    Soma de duas matrizes 2x2

    Preciso de ajuda para ler duas matrizes 2x2 e retornar a matriz resultante function funcao(){ var i, j, mat = [[]]; for (i = 0; i < 2; i++) { mat[i] = []; for (j = 0; j < 2; j++) mat[i][j] = prompt ("Informe um número: "); } document.getElementById ("resp").innerHTML = "Matriz informada: <br/>"; for (i = 0; i < 2; i++) { for (j = 0; j < 2; j++) document.getElementById ("resp").innerHTML += mat[i][j] + " &nbsp "; document.getElementById ("resp").innerHTML += "<br/>"; } }
  9. Muito obrigado! Você poderia por favor comentar as linhas dessa função, o que cada uma faz? Alguns termos que você utilizou eu não estudei ainda, agradeço.
  10. alecram28

    Soma de duas matrizes 2x2

    Preciso de ajuda para ler duas matrizes 2x2 e retornar a matriz resultante function funcao(){ var i, j, mat = [[]]; for (i = 0; i < 2; i++) { mat[i] = []; for (j = 0; j < 2; j++) mat[i][j] = prompt ("Informe um número: "); } document.getElementById ("resp").innerHTML = "Matriz informada: <br/>"; for (i = 0; i < 2; i++) { for (j = 0; j < 2; j++) document.getElementById ("resp").innerHTML += mat[i][j] + " &nbsp "; document.getElementById ("resp").innerHTML += "<br/>"; } }
  11. alecram28

    Repeticao com Javascript

    Entendi, muito obrigado!
  12. alecram28

    Repeticao com Javascript

    Tenho um exercicio pra fazer que pede: "Usando HTML, CSS e JS, escreva um algoritmo que leia um número maior ou igual a zero a partir do teclado. O algoritmo deve apresentar no navegador todos os números pares menores ou iguais ao número informado." Fiz da seguinte forma, porém ele só apresenta o ultimo numero par, e não todos até zero. Se alguem puder me ajudar, sou iniciante. Obrigado! <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <title>Números pares</title> <link rel="stylesheet" href="pratica06exercicio02.css"> <script src="pratica06exercicio02.js"></script> </head> <body> <main> <h1>Números pares, menores que:</h1> <div class="numero">Informe um número: <input type="number"id="num"> <button onclick="pares()">OK</button> <p id="resposta"></p> </div> <main> </body> </html> js: function pares(){ var n= document.getElementById("num").value; var n=parseInt(n); var i; for (i=0;i<=n;i++){ if (i % 2==0) document.getElementById("resposta").innerHTML=(i)+";"; } }
  13. alecram28

    Exercicio Javascript switch case

    Bom dia. Tenho o seguinte exercicio para fazer, comecei a fazer mas nao consigo terminar e nao sei se é bem isso. Se alguem puder me ajudar, sou iniciante. Obrigado! Questao: Usando HTML, CSS e JS, escreva um algoritmo que leia o código de uma operação a partir o teclado e que realize a operação associada a esse código. O código é um valor inteiro. Os códigos e operações são listados abaixo: 1 Área de um retângulo. Os valores da base e da altura do retângulo devem ser informados pelo usuário. OBS: aretângulo = base * altura. 2 Área de um triângulo. Os valores da base e da altura do triângulo devem ser informados pelo usuário. OBS: atriângulo = (base * altura) / 2. 3 Área de um círculo. O valor do raio do círculo deve ser informado pelo usuário. OBS: acírculo = 3,14 * (raio)2 4 Área de um trapézio. Os valores da base maior, da base menor e da altura do trapézio devem ser informados pelo usuário. OBS: atrapézio = [(base maior + base menor) * altura] / 2. Meu código: html: <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Área figuras</title> <link rel="stylesheet" href="pratica06exercicio04.css"> <script src="pratica06exercicio04.js" type="text/javascript"></script> </head> <body> <main> <h1>Área de Figuras Geométricas</h1> <h3>Informe o número da operação desejada:</h3> <h4>1- Área Retângulo<br>2-Área Triângulo<br>3-Área Círculo<br>4-Área Trapézio</h4> <div class="numero">Código <input type="number"id="cod"></div> <button onclick="codigo()">OK</button> <div id="operandos"></div> <div id="resultado"></div> </main> </body> </html> js: function codigo() { var c = document.getElementById("cod"); switch (c) { case '1': operandosRetangulo() break; case '2': operandosTriangulo() break; case '3': operandosCirculo() break; case '4': operandosTrapezio() break; } } function limparTela() { var operandos = document.getElementById("operandos"); var resultado = document.getElementById("resultado"); operandos.style.display = "none"; resultado.style.display = "none"; } function operandosCirculo() { limparTela(); var operandos = document.getElementById("operandos"); operandos.innerHTML = "Informe o raio: <input type='number' id='raio'>" + "<br/>" + "<button onclick='areaCirculo ()'>OK</button>"; operandos.style.display = "block"; } function operandosRetangulo() { limparTela(); var operandos = document.getElementById("operandos"); operandos.innerHTML = "Informe a base: <input type='number' id='base'>" + "<br/>" + "Informe a altura: <input type='number'id='altura'>" + "<br/>" + "<button onclick='areaRetangulo ()'>OK</button>"; operandos.style.display = "block"; } function operandosTriangulo() { limparTela(); var operandos = document.getElementById("operandos"); operandos.innerHTML = "Informe a base: <input type='number' id='baset'>" + "<br/>" + "Informe a altura: <input type='number'id='alturat'>" + "<br/>" + "<button onclick='areaTriangulo ()'>OK</button>"; operandos.style.display = "block"; } function operandosTrapezio() { limparTela(); var operandos = document.getElementById("operandos"); operandos.innerHTML = "Informe a base maior: <input type='number' id='basema'>" + "<br/>" + "Informe a base menor: <input type='number' id='baseme'>" + "<br/>" + "Informe a altura: <input type='number'id='alturaz'>" + "<br/>" + "<button onclick='areaTrapezio ()'>OK</button>"; operandos.style.display = "block"; } function areaCirculo() { var raioSTR = document.getElementById("raio").value; var raio = parseFloat(raioSTR); var area = 3.14 * Math.pow(raio, 2); var resultado = document.getElementById("resultado"); resultado.innerHTML = area; resultado.style.display = "block"; } function areaRetangulo() { var baseSTR = document.getElementById("base").value; var alturaSTR = document.getElementById("altura").value; var base = parseFloat(baseSTR); var altura = parseFloat(alturaSTR); var area = base * altura; var resultado = document.getElementById("resultado"); resultado.innerHTML = area; resultado.style.display = "block"; } function areaTriangulo() { var bt = document.getElementById("baset").value; var at = document.getElementById("alturat").value; var baset = parseFloat(bt); var alturat = parseFloat(at); var areat = (bt * at) / 2; resultado.innerHTML = areat; resultado.style.display = "block"; } function areaTrapezio() { var bma = document.getElementById("basema").value; var bme = document.getElementById("baseme").value; var az = document.getElementById("alturaz").value; var areatra = ((bma + bme) * az) / 2; resultado.innerHTML = areatra; resultado.style.display = "block"; }
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.