Ir ao conteúdo
  • Cadastre-se

Matheus Evandro Rech

Membros Juniores
  • Total de itens

    19
  • Registro em

  • Última visita

  • Qualificações

    N/D
  1. Eu fiz isso só que não foi dai dando uma olhada no código e achei uma function duplicada no meu código ja arrumei obrigado
  2. já estava assim antes de parar de funcionar e não interfere porque o javascript não tem nenhuma conexão com o <form> e mesmo alterando não adiantou em nada
  3. Ola galera do Clube do Hardware, eu tenho uma tabela que estava 100% funcionando mais hoje de manha quando abri o arquivo o calculo não esta mais indo alguém pode ajudar ? Segue o código:
  4. Na verdade eu estava treinando o JS e queria saber como eu fazia para um botão criar mais 2 botões depois de clicar, mais como estava com pouco tempo criei mais dois botões e instrui o usuário a como proceder. o código ficou assim: <!DOCTYPE html> <html> <head> <title>Oi</title> <style> h1#oquelediz { color : red; font-family: keep calm; } h3#oquelediz { color : red; font-family: keep calm; } input#sim { color : red; font-family: keep calm; background: transparent; border: none; } input#nao { color : red; font-family: keep calm; background: transparent; border: none; } input#clique { color : red; font-family: keep calm; background: transparent; border: none; } </style> <body> <center> <h1 id="oquelediz">o que ele Diz na Foto ?</h1> <img id="primeiro" src="https://i.imgur.com/XYJSSQZ.jpg"><br> <input type="button" onclick="botao1()" value="Clique Aqui" id="clique"> <h3 id="oquelediz">depois de clicar no Botão acima escolha uma das opções abaixo e tire um print e me envie!!</h3><br> <input type="button" onclick="sim()" value="Sim" id="sim"> <input type="button" onclick="nao()" value="Não" id="nao"> </center> <script> function botao1() { document.getElementById("primeiro").src = "https://i.imgur.com/j6YrwBB.jpg"; } function nao() { document.getElementById("primeiro").src = "https://media.giphy.com/media/vGtrVt7hZrEdy/giphy.gif"; } function sim() { document.getElementById("primeiro").src = "https://media1.tenor.com/images/16ba6560250251ac31caaa111d9dc332/tenor.gif?itemid=9671130" } </script> </body> </head> se você abrir esse código vai dar uma risada, mais ta ai criei mais dois botões simples
  5. eu criei mais dois botões e coloquei la e esntrui com uma escrita como fazer dai nao precisei mais
  6. Ola eu estou criando uma pagina e nessa pagina ha um imagem, aonde eu criei um botão que troca essa imagem por outra. so que eu queria que esse botao que troca a imagem chama-se mais 2 botões e que cada um desses botões chama-se (cada um) uma imagem diferente. esse é o codigo <!DOCTYPE html> <html> <head> <title>Oi</title> <style> h1#oquelediz { color : red; font-family: keep calm; </style> <body> <center> <h1 id="oquelediz">o que ele Diz na Foto ?</h1> <img id="primeiro" src="link"><br> <input type="button" onclick="botao1()" value="Clique Aqui"> </center> <script> function botao1() { document.getElementById("primeiro").src = "link"; } function nao() { document.getElementById("segundo").src = "link"; } function sim() { document.getElementById("terceiro").src = "link"; } </script> </body> </head> a function botao1() é a que eu criei para mudar a imagem tem com fazer pra ela chamar 2 botões que um chama a "function nao()" e outro a "function sim()" se for possível manda ai pf
  7. Muito obrigado você me ajudou muito eu criei tambem um botao para adicionar a letra grande ou pequena no Q1 Q2 Q3 Q6 adicionado 27 minutos depois Resultado final: <!DOCTYPE html> <html> <head> <title>Calculadora</title> <style> input#calculo { list-style-type: none; width: 99px; border: 5px solid black; padding: 5px; margin: 5px; background-color:yellow; color:black; border: 10px outset black; font-family: keep calm; } input#reset { list-style-type: none; width: 100px; border: 5px solid black; padding: 5px; margin: 5px; background-color:yellow; color:black; border: 10px outset black; font-family: keep calm; } #texto { list-style-type: none; width: 20px; border: 5px solid black; padding: 5px; margin: 5px; background-color:yellow; color:black; font-family: keep calm; } #texto1 { list-style-type: none; width: 40px; border: 5px solid orange; padding: 5px; margin: 5px; background-color:yellow; color:black; font-family: keep calm; } #texto2 { list-style-type: none; width: 40px; border: 5px solid blue; padding: 5px; margin: 5px; background-color:yellow; color:black; font-family: keep calm; } #texto3 { list-style-type: none; width: 40px; border: 5px solid red; padding: 5px; margin: 5px; background-color:yellow; color:black; font-family: keep calm; } #texto4 { list-style-type: none; width: 40px; border: 5px solid green; padding: 5px; margin: 5px; background-color:yellow; color:black; font-family: keep calm; } input#Q1 { list-style-type: none; width: 20px; border: 5px solid orange; padding: 5px; margin: 5px; color:black; font-family: keep calm; } input#Q2 { list-style-type: none; width: 20px; border: 5px solid blue; padding: 5px; margin: 5px; color:black; font-family: keep calm; } input#Q3 { list-style-type: none; width: 20px; border: 5px solid red; padding: 5px; margin: 5px; color:black; font-family: keep calm; } #Q4 { list-style-type: none; width: 20px; border: 5px solid black; padding: 5px; margin: 5px; color:black; font-family: keep calm; } #Q5 { list-style-type: none; width: 20px; border: 5px solid black; padding: 5px; margin: 5px; color:black; font-family: keep calm; } #Q7 { list-style-type: none; width: 20px; border: 5px solid black; padding: 5px; margin: 5px; color:black; font-family: keep calm; } input#Q6 { list-style-type: none; width: 20px; border: 5px solid green; padding: 5px; margin: 5px; color:black; font-family: keep calm; } #Q8 { list-style-type: none; width: 10px; border: 5px solid black; padding: 5px; margin: 5px; color:black; font-family: keep calm; } #nao { list-style-type: none; width: 20px; border: 5px solid black; padding: 5px; margin: 5px; background-color:black; color:black; font-family: keep calm; } #textoinicial { background-color:yellow; color:black; font-family: keep calm; } #demo { background-color:yellow; color:black; font-family: keep calm; } #demo1 { background-color:yellow; color:black; font-family: keep calm; } #demo2 { background-color:yellow; color:black; font-family: keep calm; } #demo3 { background-color:yellow; color:black; font-family: keep calm; } #textonormal { color:black; font-family: keep calm; } #demo4 { background-color:yellow; color:black; font-family: keep calm; } </style> </head> <body bgcolor= "#ffffff"> <br> <center> <p id="textoinicial">Clique Na letra para adicionala ao seu quadrado!!</p> <br> <form name="calculator"> <input type="button" id="texto1" id="texto" value="A" onClick="document.calculator.ans.value+='A'"> <input type="button" id="texto1" value="a" onClick="document.calculator.ans.value+='a'"> <input type="button" id="texto2" value="A" onClick="document.calculator.ans1.value+='A'"> <input type="button" id="texto2" value="a" onClick="document.calculator.ans1.value+='a'"> <br> <table> <tr> <td></td> <td id="Q1"><input type="text" id="Q1" name="ans" class="Q1" /></td> <td id="Q2"><input type="text" id="Q2" name="ans1" class="Q2" /></td> </tr> <tr> <td id="Q3"><input type="text" id="Q3" name="ans2" class="Q3" /></td> <td id="Q4"></td> <td id="Q5"></td> </tr> <tr> <td id="Q6"><input type="text" id="Q6" name="ans3" class="Q6" /></td> <td id="Q7"></td> <td id="Q8"></td> </tr> </table> <br> <input type="button" id="texto3" value="A" onClick="document.calculator.ans2.value+='A'"> <input type="button" id="texto3" value="a" onClick="document.calculator.ans2.value+='a'"> <input type="button" id="texto4" value="A" onClick="document.calculator.ans3.value+='A'"> <input type="button" id="texto4" value="a" onClick="document.calculator.ans3.value+='a'"> <br> <br> <input type="button" id="calculo" value="Calcular" onclick="calcular()" /> <br> <input type="Reset" id="reset" value="Limpar"> </form> <br> <p id="textonormal">Heterozigoto Dominante</p> <p id="demo">Aa</p> <p id="textonormal">Homozigoto Recessivo</p> <p id="demo1">aa</p> <p id="textonormal">Homozigoto Dominante</p> <p id="demo2">AA</p> <p id="textonormal">Recessivo</p> <p id="demo3">a</p> <p id="textonormal">Dominante</p> <p id="demo4">A</p> </center> <script> function calcular(){ var Q1 = document.getElementsByClassName("Q1")[0].value; var Q2 = document.getElementsByClassName("Q2")[0].value; var Q3 = document.getElementsByClassName("Q3")[0].value; var Q6 = document.getElementsByClassName("Q6")[0].value; //somas var Q4 = Q1+Q3; var Q5 = Q3+Q2; var Q7 = Q1+Q6; var Q8 = Q6+Q2; document.getElementById("Q4").innerHTML = Q4; document.getElementById("Q5").innerHTML = Q5; document.getElementById("Q7").innerHTML = Q7; document.getElementById("Q8").innerHTML = Q8; } </script> </body> </html>
  8. olha eu dei uma editada o style esta enorme, mais agora ja esta pronto so nao consigo fazer com que as letras se somem dei uma lida e nao achei nada referente o codigo ficou assim se você abrir vai entender: <!DOCTYPE html> <html> <head> <title>Calculadora</title> <style> input#calculo { list-style-type: none; width: 50px; border: 5px solid black; padding: 5px; margin: 5px; background-color:yellow; color:black; border: 10px outset black; font-family: keep calm; } input#reset { list-style-type: none; width: 100px; border: 5px solid black; padding: 5px; margin: 5px; background-color:yellow; color:black; border: 10px outset black; font-family: keep calm; } #texto { list-style-type: none; width: 20px; border: 5px solid black; padding: 5px; margin: 5px; background-color:yellow; color:black; font-family: keep calm; } #texto1 { list-style-type: none; width: 40px; border: 5px solid orange; padding: 5px; margin: 5px; background-color:yellow; color:black; font-family: keep calm; } #texto2 { list-style-type: none; width: 40px; border: 5px solid blue; padding: 5px; margin: 5px; background-color:yellow; color:black; font-family: keep calm; } #texto3 { list-style-type: none; width: 40px; border: 5px solid red; padding: 5px; margin: 5px; background-color:yellow; color:black; font-family: keep calm; } #texto4 { list-style-type: none; width: 40px; border: 5px solid green; padding: 5px; margin: 5px; background-color:yellow; color:black; font-family: keep calm; } input#texto5 { list-style-type: none; width: 20px; border: 5px solid orange; padding: 5px; margin: 5px; background-color:yellow; color:black; font-family: keep calm; } input#texto6 { list-style-type: none; width: 20px; border: 5px solid blue; padding: 5px; margin: 5px; background-color:yellow; color:black; font-family: keep calm; } input#texto7 { list-style-type: none; width: 20px; border: 5px solid red; padding: 5px; margin: 5px; background-color:yellow; color:black; font-family: keep calm; } input#texto8 { list-style-type: none; width: 20px; border: 5px solid green; padding: 5px; margin: 5px; background-color:yellow; color:black; font-family: keep calm; } #nao { list-style-type: none; width: 20px; border: 5px solid black; padding: 5px; margin: 5px; background-color:black; color:black; font-family: keep calm; } #textoinicial { background-color:yellow; color:black; font-family: keep calm; } </style> </head> <body bgcolor= "#b3ecff"> <br> <center> <p id="textoinicial">Clique Na letra para adicionala ao seu quadrado!!</p> <br> <form name="calculator"> <input type="button" id="texto1" value="A" onClick="document.calculator.ans1.value+='A'"> <input type="button" id="texto1" value="a" onClick="document.calculator.ans1.value+='a'"> <input type="button" id="texto2" value="A" onClick="document.calculator.ans2.value+='A'"> <input type="button" id="texto2" value="a" onClick="document.calculator.ans2.value+='a'"> <br> <table> <tr> <td><input type="textfield" id="nao" value=""></td> <td><input type="textfield" id="texto5" name="ans1" value=""></td> <td><input type="textfield" id="texto6" name="ans2" value=""></td> </tr> <tr> <td><input type="textfield" id="texto7" name="ans3" value=""></td> <td><input type="textfield" id="texto" name="ans4" value=""></td> <td><input type="textfield" id="texto" name="ans5" value=""></td> </tr> <tr> <td><input type="textfield" id="texto8" name="ans6" value=""></td> <td><input type="textfield" id="texto" name="ans7" value=""></td> <td><input type="textfield" id="texto" name="ans8" value=""></td> </tr> </table> <br> <input type="button" id="texto3" value="A" onClick="document.calculator.ans3.value+='A'"> <input type="button" id="texto3" value="a" onClick="document.calculator.ans3.value+='a'"> <input type="button" id="texto4" value="A" onClick="document.calculator.ans6.value+='A'"> <input type="button" id="texto4" value="a" onClick="document.calculator.ans6.value+='a'"> <br> <input type="button" id="calculo" value="+" onClick="document.calculator.ans1.value+='+'"> <br> <input type="button" id="calculo" value="=" onClick="document.calculator.ans1.value=eval(document.calculator.ans1.value)"> <br> <input type="Reset" id="reset" value="Limpar"> </center> <script> var A+A = AA; var A+a = Aa; var a+A = Aa; var a+a = aa; document.getElementById("demo").innerHTML = AA; document.getElementById("demo1").innerHTML = A+a; document.getElementById("demo2").innerHTML = a+A; document.getElementById("demo3").innerHTML = a+a; </script> </form> </body> </html>
  9. uma tabela 3x3 que o usuário da pagina digite em 4 quadrados da tabela dados de um calculo e quando ele clique no botão de = de o resultado ex n Q1 Q2 Q3 Q4 Q5 Q6 Q7 Q8 o n é nulo e os Q1,Q2,Q3... são os quadrados da tabela, o usuário ira digitar a letra nos quadrados Q1 Q2 Q3 e Q6 e nos outros quadrados o resultado sera apresentado. o calculo seria assim: A a a Aa aa a Aa aa o resultado está em negrito, o calculo seria Q3 + Q1 = Q4, Q3 + Q2 = Q5, Q6 + Q1 = Q7, Q6 + Q2 = Q8. nos quadrados os cálculos serão com letras e não com números, as letras maiúsculas sempre na frente. se ninguém entendeu não sei como explicar seria mais fácil se você soubesse o que é a tabela.
  10. ola pessoal estou criando uma tabela que em biologia usamos para calcular os genes dos filhos!! eu estou com um quebra cabeça, sou novo em programação em html, sei alguma coisa mais não consigo resolver um problema, algum tempo atras eu criei uma calculadora para testar um novo conteúdo que aprendi deu certo depois de muita dor de cabeça. este foi o código da calculadora: <!DOCTYPE html> <html> <head> <title>Calculadora</title> <style> input#calculo { list-style-type: none; width: 50px; border: 5px solid black; padding: 5px; margin: 5px; background-color:yellow; color:black; border: 10px outset black; font-family: keep calm; } input#reset { list-style-type: none; width: 100px; border: 5px solid black; padding: 5px; margin: 5px; background-color:yellow; color:black; border: 10px outset black; font-family: keep calm; } #texto { list-style-type: none; width: 200px; border: 5px solid black; padding: 5px; margin: 5px; background-color:yellow; color:black; border: 10px outset black; font-family: keep calm; } </style> </head> <body bgcolor= "#b3ecff"> <br> <center> <font size = "17" face = "keep calm"><abbr title="Adição">+</abbr> = Adição<br></font size = "17" face = "keep calm"> <font size = "17" face = "keep calm"><abbr title="Subtração">-</abbr> = Subtração<br></font size = "17" face = "keep calm"> <font size = "17" face = "keep calm"><abbr title="Multiplicação">*</abbr> = Multiplicação<br></font size = "17" face = "keep calm"> <font size = "17" face = "keep calm"><abbr title="Divisão">/</abbr> = Divisão<br></font size = "17" face = "keep calm"> </center> <center> <form name="calculator" > <input type="button" id="calculo" value="1" onClick="document.calculator.ans.value+='1'"> <input type="button" id="calculo" value="2" onClick="document.calculator.ans.value+='2'"> <input type="button" id="calculo" value="3" onClick="document.calculator.ans.value+='3'"> <br> <input type="button" id="calculo" value="4" onClick="document.calculator.ans.value+='4'"> <input type="button" id="calculo" value="5" onClick="document.calculator.ans.value+='5'"> <input type="button" id="calculo" value="6" onClick="document.calculator.ans.value+='6'"> <br> <input type="button" id="calculo" value="7" onClick="document.calculator.ans.value+='7'"> <input type="button" id="calculo" value="8" onClick="document.calculator.ans.value+='8'"> <input type="button" id="calculo" value="9" onClick="document.calculator.ans.value+='9'"> <br> <input type="button" id="calculo" value="0" onClick="document.calculator.ans.value+='0'"> <br> <input type="button" id="calculo" value="+" onClick="document.calculator.ans.value+='+'"> <input type="button" id="calculo" value="-" onClick="document.calculator.ans.value+='-'"> <input type="button" id="calculo" value="*" onClick="document.calculator.ans.value+='*'"> <input type="button" id="calculo" value="/" onClick="document.calculator.ans.value+='/'"> <br> <input type="button" id="calculo" value="=" onClick="document.calculator.ans.value=eval(document.calculator.ans.value)"> <br> <input type="textfield" id="texto" name="ans" value=""><br> <input type="Reset" id="reset" value="Limpar"> </center> </form> </body> </html> eu confesso que algumas partes peguei na internet porque não sabia como funcionava já que só uso para fiz meus de estudo. já nessa tabela estou enfrentando um pequeno problema, eu quero pegar um um input type textfield que o usuário vai inserir a letra desejada em quatro inputs sei que parece confuso olhando o css do projeto fica mais fácil: esse é o projeto: <!DOCTYPE html> <html> <head> <title>Calculo Genetico</title> <style> input#calculo { list-style-type: none; width: 50px; border: 5px solid black; padding: 5px; margin: 5px; background-color:yellow; color:black; font-family: keep calm; } input#reset { list-style-type: none; width: 100px; border: 5px solid black; padding: 5px; margin: 5px; background-color:yellow; color:black; font-family: keep calm; } input#texto { list-style-type: none; width: 20px; border: 5px solid black; padding: 5px; margin: 5px; background-color:yellow; color:black; font-family: keep calm; } input#letra { list-style-type: none; width: 20px; border: 5px solid black; padding: 5px; margin: 5px; background-color:yellow; color:black; font-family: keep calm; } #nao { list-style-type: none; width: 20px; border: 5px solid black; padding: 5px; margin: 5px; background-color:black; color:black; font-family: keep calm; } </style> </head> <body bgcolor= "#ffffff"> <br> <center> <table> <tr> <td><input type="textfield" id="nao" name="ans" value=""></td> <td><input type="textfield" id="letra" value="" onClick="document.calculator.ans.value+=''"></td> <td><input type="textfield" id="letra" value="" onClick="document.calculator.ans.value+='a'"></td> </tr> <tr> <td><input type="textfield" id="letra" value="" onClick="document.calculator.ans.value+=''"></td> <td><input type="textfield" id="texto" name="ans" value=""></td> <td><input type="textfield" id="texto" name="ans" value=""></td> </tr> <tr> <td><input type="textfield" id="letra" value="" onClick="document.calculator.ans.value+=''"></td> <td><input type="textfield" id="texto" name="ans" value=""></td> <td><input type="textfield" id="texto" name="ans" value=""></td> </tr> </table> <input type="button" id="calculo" value="=" onClick="document.calculator.ans.value=eval(document.calculator.ans.value)"><br> <input type="Reset" id="reset" value="Limpar"> </center> </body> </html> na calculadora os números não podem ser alterados nos seus quadrados porque estão com value referente ao seu numero <input type="button" id="calculo" value="1" onClick="document.calculator.ans.value+='1'"> já na tabela o usuário vai digitar esse valor ao input no quadrado e clicando no = o valor sera calculado sei que é difícil de entender mais se você ver uma tabela genética você vai entender. se alguém conseguir me ajudar agradeço.
  11. css interno é quando no <head> você cria <style> e coloca o css assim <style> body{ background-color: #dddddd; color: rgba(0,0,0,1); } #cabecalho{ border-bottom: 1px #606060 solid; height: 150px; background: url(../_imagens/glass-logo-peq.jpg) no-repeat 0px 80px; } #cabecalho h2{ font-family: 'Bubblegum Sans', cursive; font-size: 30pt; color: #888888; font-size: 15pt; margin-top: 0px; padding: 0px; } #cabecalhoh1{ font-family: 'Bubblegum Sans', cursive; margin-bottom: 0px; text-shadow: 1px 1px 1px rgba(0,0,0,0.6) padding: 0px; } </style> dai por exemplo: você queira mudar o h1 você coloca assim <h1 id="cabecalhoh1">Google Glass</h1> o id vai puxar as configurações que você mudou no style assim você nao precisa criar um arquivo separado .css ou se você quiser mudar o h2 você muda la no nome do style h2#cabecalhoh2{ as informaçoes que você queira }
  12. eu dei uma olhada e coloquei com o css interno, ficou assim: <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="utf-8"/> <title>Tudo sobre Google Glass</title> <style> body{ background-color: #dddddd; color: rgba(0,0,0,1); } #cabecalho{ border-bottom: 1px #606060 solid; height: 150px; background: url(../_imagens/glass-logo-peq.jpg) no-repeat 0px 80px; } #cabecalho h2{ font-family: 'Bubblegum Sans', cursive; font-size: 30pt; color: #888888; font-size: 15pt; margin-top: 0px; padding: 0px; } #cabecalhoh1{ font-family: 'Bubblegum Sans', cursive; margin-bottom: 0px; text-shadow: 1px 1px 1px rgba(0,0,0,0.6) padding: 0px; } </style> </head> <body> <div id="interface"> <header id="cabecalho"> <hgroup> <h1 id="cabecalhoh1">Google Glass</h1> <h2>A revolucao do Google esta chegando</h2> </hgroup> Não sei se era assim que você queria mais no meu mudou a fonte
  13. Estou com um código que criar um botão para trocar uma imagem para a outra <button onclick="document.getElementById('j5prime').src='https://i.imgur.com/f7Il9gR.png'" style="width:500px'"><font size = "3" face = "keep calm">Proxima</button> <img id="j5prime" src="https://i.imgur.com/vFf98rh.png" style="width:500px"> <button onclick="document.getElementById('j5prime').src='https://i.imgur.com/vFf98rh.png'"><font size = "3" face = "keep calm">Anterior</button> eu gostaria de mudar o formato do botão padrão para este style input#proximoanterior { width: 150px; border: 25px solid green; padding: 5px; margin: 25px; background-color:white; color:black; border: 10px outset blue; font-family: keep calm; } se alguém sabe se ha como colocar esse style em um button ou somente em um input se alguém saber pode mandar aqui
  14. @navegantenarede consegui eu so nao sabia mesmo a tag para aparecer o nome que era value html: <a href="meulinkhome"><input type="button" id="botaohome" value="Home" > ccs: input#botaohome { width: 150px; border: 25px solid green; padding: 5px; margin: 25px; background-color:white; color:#0099e6; border: 10px outset blue; font-family: keep calm; } como você mandou o style não mudou ficou com o mesmo modo de botão porque o meu ccs tem um style que estou usando como padrão e o seu não mudou nada não sei se digitou algo errado ou é assim mesmo obrigado.

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas publicações sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×