HTML: CSS: #clock { width: 350px; background-color: rgba(0, 0, 0, 0.4); margin: 0 15px 20px; padding: 20px; border-radius: 10px; box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.8); bo…

index: Upload XMLHttpRequest Escolher Arquivo   script.js: let inputfile = document.querySelector("#upload"); let callback = document.querySelector("#callback"); let inputurl = doc…

Há um bom tempo que não utilizo mais o jQuery. Embora tenha sido uma ferramenta útil, especialmente para simplificar tarefas como o envio de solicitações Ajax do lado do servidor…

É bem simples, portanto não tem muito o que dizer sobre, então podemos ir quase direto ao ponto assim como eu gosto.   Em primeiro lugar, precisa do envento  DOMContentLoaded . Dep…

Obtenha a posição Top e Left do intervalo de texto e focus com o método getBoundingClientRect()   function targetPosition() { var selection = window.getSelection(), x = 0, y = 0; i…

Obter a posição Top e Left de elementos em relação ao container pai com JavaScript puro   element.offsetLeft e element.offsetTop da a posição de um elemento em relação ao seu offse…

Bem, se você veio até aqui com certeza não é leigo no assunto, portanto vamos direto ao ponto . Para fazer isso, primeiro é necessário do elemento HTML com o texto a ser copiado e…

setTimeout() chama a função uma única vez.  setInterval() chama a função infinitamente. A sintaxe das duas funções são iguais. Exemplos: setTimeout(function, milliseconds); setInte…

alert() , confirm() e prompt() Alert: alert("mensagem");   Confirm: confirm("mensagem (normalmente uma pergunta)");   Prompt: prompt("argumento_1", "argumento_2"); prompt é como um…

window.location = 'https://webship.com.br/pagina.php'; // ou: location.href = 'https://webship.com.br/pagina.php'; // voltar a pagina anterior window.location.href = 'javascript:hi…

Essa função calcula a idade baseado somente no ano function calcularIdade( anoNasc ) { birthDate = new Date(); var anoAtual = birthDate.getFullYear(); var dataNasc = anoNasc; var i…