Jump to content

felipeOvr

Members
  • Content count

    12
  • Joined

  • Last visited

Community Reputation

0 Comum

About felipeOvr

  • Birthday 11/16/1997

Informações Pessoais

  • Sexo
    Masculino
  • Localização
    Macapá/AP
  • Interesses
    Desenvolvimento Web

Contato

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. <!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>Document</title> </head> <body> <a href="/lua" title="ir para a lua" data-personalizado="Você pode pegar um atributo personalizado tbm :)">vamos para a lua</a> <p class="colarAqui" data-original="esse texo vai mudar quando você clicar no link.">esse texo vai mudar quando você clicar no link.</p> <script> window.onload = () => { const link = document.querySelector ('a') const p = document.querySelector ('p') link.onclick = event => { event.preventDefault () const atributoQueQuero = event.target.getAttribute ('title') // pode ser tbm: getAttribute ('data-personalizado') console.log (atributoQueQuero) p.innerText = atributoQueQuero } /** * */ p.onclick = e => { e.target.innerText = e.target.getAttribute ('data-original') } } </script> </body> </html>
  2. felipeOvr

    Passar uma $_SESSION PHP para uma VAR do JavaScript

    Assim ? <?php session_start (); $_SESSION ['qualquerCoisa'] = 'Programador'; ?> <!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>PHP</title> </head> <body> <script> const umDadoQualquer = "<?php echo $_SESSION ['qualquerCoisa'] ?>" console.log (umDadoQualquer) </script> </body> </html>
  3. Já passou isso por dentro de um foreach () ?
  4. felipeOvr

    Comparar variável no IF, ELSE

    Você ta chamando as funções ? olha: <!DOCTYPE html> <html lang="pt-BR"> <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> iMasters </title> <style> * { margin: 0 ; padding: 0 ; box-sizing: border-box ; } </style> </head> <body> </body> <script> window.onload = () => { let json = { city : "São paulo" } // Simulando o recebimento de um json function geoip ( json ) { document.write ( json.city ) // o json do parametro checkCityName ( json.city ) } function checkCityName ( name ) { if ( name === "Maceió" ) { console.log ( 'Estou em Maceió' ) } else { console.log ( 'Não estou em Maceió, estou em', name ) } } geoip ( json ) // chamando a função } </script> </html>
  5. felipeOvr

    Comparar variável no IF, ELSE

    E pq você não coloca esse if / else dentro da function ?. Bom, se não quiser .. tenta isso (Não testei, mas deve funcionar): function geoip ( json ) { var city = document.getElementById("user_city"); city.textContent = json.city; verifyCity ( json.city ) // Cria e chama uma func que faz essa verificação } function verifyCity ( cityName ) { if ( cityName === "nomedacidade" ) { document.write ("<img src='banner1.jpg'></img>") } else { document.write ("<img src='banner2.jpg'></img>") } }
  6. Talvez seja simples, ou não. Não sei. Mas gostaria de um esclarecimento/luz de gente que já tem bagagem na área. Ficarei muito agradecido pela informação. Dei umas pesquisadas por ai, e fiz testes com as duas maneiras que achei ( até agora ): file_get_contents ( 'http://......' ) ; curl () ; Pergunta: Existem outras maneiras de consumir API via PHP ? Quais ? Essas duas aí estão corretas?
  7. felipeOvr

    Estou com um problema de html

    Linha 10 ( header-1 ) falta um sinal de > ( maior que | concluir a tag de abertura )
  8. felipeOvr

    Oque tem de errado?

    O sinal de = ( igual ) , troca por : ( dois pontos ). Obs: a marca, falta fechar as aspas. let carro = { cor : "azul", modelo : "fusca", marca : "Volwagen", kms : 10000, combustivel : "gasolina" } console.log ( carro ) console.log ( carro.cor ) console.log ( carro.modelo ) console.log ( carro.marca ) console.log ( carro.kms ) console.log ( carro.combustivel )
  9. Você quer usar esse mesmo formulário em outro local ????????????????????????????????????????????????
  10. felipeOvr

    Scroll

    Oi pessoal, blz? Bom, passei quase a tarde toda pra fazer o seguinte: Imagina que o body tem scroll Y. agora imagina que no meio do body tem um elemento que tem scroll no sentido X ( <--------> ). Minha dúvida é a seguinte: Como eu faço pra que, quando eu colocar o mouse em cima desse elemento que sofre scroll no sentido X, o scroll passe a acontecer nele, e não mais no body. ( Eu sei que se segurar o SHIFT e girar a rodinha do mouse, o scroll acontece somente nele. Mas eu queria tentar isso, pra dar um trabalho a menos pro usuário ) Fiz um layout básico pra simular o layout em que quero fazer isso. Segue: <!DOCTYPE html> <html lang="pt-BR"> <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> JS | Scroll </title> <style> body { min-height: 200vh ; display: flex ; flex-direction: column ; justify-content: center ; } .container-scroll-x { background-color: rgb(219, 237, 240) ; padding: 50px ; } .content { background-color: rgb(127, 189, 207) ; overflow-x: auto ; white-space: nowrap ; padding: 30px ; } </style> </head> <body> <div class="container-scroll-x"> <div class="content"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam laborum, labore quam voluptate neque quod possimus ab nemo odio hic porro ut, officiis qui fuga cumque explicabo, placeat in temporibus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam laborum, labore quam voluptate neque quod possimus ab nemo odio hic porro ut, officiis qui fuga cumque explicabo, placeat in temporibus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam laborum, labore quam voluptate neque quod possimus ab nemo odio hic porro ut, officiis qui fuga cumque explicabo, placeat in temporibus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam laborum, labore quam voluptate neque quod possimus ab nemo odio hic porro ut, officiis qui fuga cumque explicabo, placeat in temporibus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam laborum, labore quam voluptate neque quod possimus ab nemo odio hic porro ut, officiis qui fuga cumque explicabo, placeat in temporibus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam laborum, labore quam voluptate neque quod possimus ab nemo odio hic porro ut, officiis qui fuga cumque explicabo, placeat in temporibus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam laborum, labore quam voluptate neque quod possimus ab nemo odio hic porro ut, officiis qui fuga cumque explicabo, placeat in temporibus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam laborum, labore quam voluptate neque quod possimus ab nemo odio hic porro ut, officiis qui fuga cumque explicabo, placeat in temporibus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam laborum, labore quam voluptate neque quod possimus ab nemo odio hic porro ut, officiis qui fuga cumque explicabo, placeat in temporibus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam laborum, labore quam voluptate neque quod possimus ab nemo odio hic porro ut, officiis qui fuga cumque explicabo, placeat in temporibus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam laborum, labore quam voluptate neque quod possimus ab nemo odio hic porro ut, officiis qui fuga cumque explicabo, placeat in temporibus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam laborum, labore quam voluptate neque quod possimus ab nemo odio hic porro ut, officiis qui fuga cumque explicabo, placeat in temporibus. </div> </div> </body> </html> Desde já agradeço a ajuda.
  11. felipeOvr

    Background

    Não entendi a parte do "quando uma determinada palavra apareça". Mas se você quiser fazer uma verificação, pode tentar isso?: <!DOCTYPE html> <html lang="pt-BR"> <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> Response | imaster </title> <!-- <link rel="stylesheet" href="./app.css"> --> </head> <body> <input type="text" name="nameColor" value="red" /> <script src="./app.js"></script> </body> </html> window.onload = () => { const input = document.querySelector ( 'input' ) // Se você quer apenas verificar qual o valor pre-definido no elemento: if ( input.value === 'red' ) { document.body.style.background = 'red' } else if ( input.value === 'green' ) { document.body.style.background = 'green' } else { document.body.style.background = 'white' // padrão } // Se você quiser q isso fique dinâmico, com o usuário digitando: /* input.onkeyup = event => { let corDigitada = event.target.value // Evento -> alvo do evento -> valor preenchido no alvo ( input ) if ( corDigitada === 'red' ) { document.body.style.background = 'red' // Se digitou vermelho, fica vermelho } else if ( corDigitada === 'green' ) { document.body.style.background = 'green' // Se digitou verde, fica vermelho } else { document.body.style.background = 'white' // Se não, deixa padrão } } */ }
  12. felipeOvr

    Como manipular checkboxes usando .checked

    Se não for isso, perdão ! devo ter interpretado errado. <!DOCTYPE html> <html lang="pt-BR"> <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>Modelo de exercício</title> <!-- <link rel="stylesheet" href="estilo.css"> --> </head> <body> <header> <h1>Pergunta do Milhão</h1> </header> <section> <div id="div1"> <p>O que é um sistema ERP?</p> <p><input type="radio" name="pergunta" value="1" id="respostaUm" > <label for="respostaUm">É um sistema de informação que integra todos os dados e processos de uma organização em um único sistema.</label></p> <p><input type="radio" name="pergunta" value="2" id="respostaDois"> <label for="respostaDois">É uma instituição internacional sem fins lucrativos que associa profissionais de gestão de projetos.</label></p> <p><input type="radio" name="pergunta" value="3" id="respostaTres"> <label for="respostaTres"> é um conjunto de práticas na gestão de projetos organizado pelo instituto PMI e é considerado a base do conhecimento sobre gestão de projetos por profissionais da área.</label></p> <p><input type="radio" name="pergunta" value="4" id="nenhuma" checked > <label for="nenhuma">NDA</label></p> <input type="button" value="Verificar" onclick="verificar()"> </div> <div id="res"> Testando... </div> </section> <footer> <p>&copy; Alexsander Fontes</p> </footer> <script src="ecma.js"></script> </body> </html> function verificar () { const respostaCorreta = 2 console.log ( 'verificando resposta...' ) let radiosElements = document.querySelectorAll ( 'input[type=radio]' ) // console.log ( radiosElements ) radiosElements.forEach ( radio => { if ( radio.checked ) { // console.log ( 'A resposta marcada foi essa:', radio.value ) if ( radio.value == respostaCorreta ) { alert ( 'Parabens, reposta correta.' ) } else { alert ( 'Errou trouxa.' ) } } } ) }
×

Important Information

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