JS

Limitar quantidade de caracteres em um campo Input (input, textarea, etc)

Para limitar um campo de entrada (input) a um máximo de 200 caracteres e mostrar em tempo real quantos caracteres ainda estão disponíveis para preencher, você pode usar JavaScript para atualizar dinamicamente o contador de caracteres enquanto o usuário digita. Aqui está um exemplo de como você pode fazer isso: Neste código, temos um textarea […]

Limitar quantidade de caracteres em um campo Input (input, textarea, etc) Read More »

Toggle Divs (sem css)

Se você está buscando uma solução simples e direta com o uso do atributo onclick para alternar entre a visualização de DIVS sem a necessidade de estilos CSS, aqui está uma ideia: Neste exemplo, as duas DIVs são alternadas usando o estilo display inline. O atributo onclick no link chama a função toggleDivs() quando o

Toggle Divs (sem css) Read More »

Mostrar conteúdo somente em dispositivo Mobile (web)

Para criar um código que permita o conteúdo ser mostrado apenas em dispositivos móveis e não em computadores, você pode utilizar tecnologias web, como HTML, CSS e JavaScript, para criar uma página responsiva que exiba ou oculte determinados elementos com base no tipo de dispositivo. Várias abordagens podem ser usadas, mas aqui está uma solução

Mostrar conteúdo somente em dispositivo Mobile (web) Read More »

Como Criar um Console Web Básico em Seu Projeto

Hoje vou mostrar como criar um console web básico que permitirá interação e execução de comandos diretamente em seu navegador. Isso pode ser útil para testar funcionalidades, depurar problemas ou até mesmo adicionar uma ferramenta de linha de comando ao seu projeto web. Vamos começar com um exemplo simples passo a passo. Pré-requisitos Antes de

Como Criar um Console Web Básico em Seu Projeto Read More »

Mostrar tempo decorrido em Várias DIVs com JS

Uma abordagem simples para exibir o tempo passado em várias divs é criar um array com os horários específicos que você deseja acompanhar e, em seguida, iterar por esse array, atualizando cada div individualmente com o tempo passado correspondente. Aqui está um exemplo de como fazer isso: Neste exemplo, criamos três divs (<div id=”resultado1″></div>, <div

Mostrar tempo decorrido em Várias DIVs com JS Read More »

Criando janelas alternativas na abertura de links (href) dentro do html (no centro, semelhante a POPUP)

Para abrir uma nova janela do navegador no centro e reduzida ao ser chamada por um link (href), você pode usar o JavaScript para manipular a janela que será aberta. Vou lhe mostrar um exemplo de como fazer isso: Nesse exemplo, o link irá abrir uma nova janela no centro da tela com largura de

Criando janelas alternativas na abertura de links (href) dentro do html (no centro, semelhante a POPUP) Read More »

Rolar para cima