Ir para conteúdo

felipeoli7eira

Members
  • Total de itens

    14
  • Registro em

  • Última visita

Reputação

0 Comum

Sobre felipeoli7eira

  • Data de Nascimento 11/16/1997

Informações Pessoais

  • Sexo
    Masculino
  • Localização
    Macapá/AP
  • Interesses
    html, css, javascript, php, mysql, node, vueJS, bootstrap, flutter, dart, photoshop, illustrator, design, social midia, front-end, back-end, git, github, vscode

Últimos Visitantes

O bloco dos últimos visitantes está desativado e não está sendo visualizado por outros usuários.

  1. felipeoli7eira

    Exibir dados de um array que passa de 600 mil índices

    Olá pessoa estou percorrendo um array com mais de 600 mil índices e cada índice ainda tem um array com 30 valores. Não to conseguindo dar output nisso pq demora demais ao ponto de travar o browser. Tava pesquisando sobre o yield mas ainda n tive nenhum resultado. Poderiam me ajudar com essa urgente?
  2. felipeoli7eira

    Copiar o texto/valor que está no atributo "Title" do próprio link.

    <!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>iMaster</title> <link rel="stylesheet" href="./app.css"> </head> <body> <nav> <a href="https://google.com" title="Esse valor veio do attr title">Clique aqui</a> </nav> <script> window.onload = () => { let tagA = document.querySelector ("a") tagA.onclick = event => { event.preventDefault () let title = tagA.getAttribute ("title") let input = document.createElement ("input") input.setAttribute ("type", "text") input.value = title document.body.append (input) input.select() document.execCommand ("copy") input.remove() console.log ("Processo finalizado") } } </script> </body> </html>
  3. felipeoli7eira

    Copiar o texto/valor que está no atributo "Title" do próprio link.

    <!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>
  4. felipeoli7eira

    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>
  5. felipeoli7eira

    js API esporte - Como faço para capturar e dar print no browser

    Já passou isso por dentro de um foreach () ?
  6. felipeoli7eira

    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>
  7. felipeoli7eira

    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>") } }
  8. felipeoli7eira

    Consumir API via PHP

    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?
  9. felipeoli7eira

    Estou com um problema de html

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

    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 )
  11. Você quer usar esse mesmo formulário em outro local ????????????????????????????????????????????????
  12. felipeoli7eira

    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.
  13. felipeoli7eira

    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 } } */ }
  14. felipeoli7eira

    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.' ) } } } ) }
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.