JavaScript


  • Checkbox Switch para Orçamento no WhatsApp (HTML + JS)

    Esta calculadora é capaz de somar e multiplicar os serviços presentes na lista pré-programada e depois que o usuario esta satisfeito com a quantidade de itens adicionados, pode clicar no botão abaixo para enviar seu pedido completo via WhatsApp: Segue playground para analise e testes: https://replit.com/@brunoalbim/Checkbox-Switch-para-Orcamento-no-WhatsApp Segue código fonte abaixo: ... Continue a ler.

  • Calculando Peso Total das Imagens Carregadas em uma Página

    Para medir o peso total das imagens em uma página da web, você pode seguir algumas abordagens diferentes, porem neste artigo, vamos usar o console do navegador para ajudar nessa tarefa: 1 – Abra o console do desenvolvedor no seu navegador (normalmente, pressionando F12 ou clicando com o botão direito e selecionando “Inspecionar” e, em […] ... Continue a ler.

  • Código JavaScript para Substituir os Textos do Botão de Compartilhamento Social do Elementor

    Use o código abaixo para substituir os textos padrões gerados na hora do compartilhamento do Elementor usando o widget de Compartilhamento Social (Social Share). ... Continue a ler.

  • Criando Números Sequenciais Dinamicamente com JavaScript

    Se você esta precisando criar uma sequencia de numeros dinamicamente para adicionar a uma lista em HTML, você pode usar essa solução em javascrip abaixo: Digamos que você tenha a seguinte sequencia e precise adicionar os números dinamicamente: Neste caso, você pode adicionar esse código javascript para que ele leia todas as class “numero-lista” da […] ... Continue a ler.

  • Adicionar Paramentro na URL via JS (JavaScript)

    Para adicionar um parâmetro e armazenar o histórico, use o código abaixo: Para adicionar um parâmetro sem armazenar o histórico, use o código abaixo: ... Continue a ler.

  • Gerar Imagem a partir do HTML da pagina ou seção com JS

    Abaixo estou compartilhando um código realmente surpreendente, que pode te ajudar a gerar imagens a partir de uma pagina ou seção em HTML. Segue código abaixo: Com o código acima, é possível gerar uma imagem em PNG para download de todo conteúdo que esta dentro da div com ID “conteúdo”. ... Continue a ler.

  • Preenchimento de Endereço Automático pelo Campo CEP

    Caso queira montar uma aplicação ou um site que tenha um formulário de endereço, e precise que ele preencha o endereço automaticamente quando o usuário preencher o CEP, este código pode lhe ajudar. Teste o código rodando online agora mesmo: https://preenchimento-automatico-de-endereco-pelo-cep.brunoalbim.repl.co ... Continue a ler.

  • Código JavaScript para Redirecionamento de Pagina com Contagem Regressiva

    Com o código abaixo será possível redirecionar o usuário assim que a contagem finalizar, para isso, edite a variável urlRedirect com a URL que desejar e countInit com o tempo que desejar. Abaixo código editado para funcionar no editor do Elementor, para que não direcione quando estiver construindo a pagina: ... Continue a ler.