Este é um blog para publicação de tutoriais e dicas js

 Em breve teremos publicações...

Comentários

Postar um comentário

Postagens mais visitadas deste blog

Validação de API JavaScript - Forms

 Podemos validar formulários diretamente no javscript: Existem diversos métodos. Abaixo exemplo de validação usando validationMessage: <p>Entre com um número para validar e clique em OK:</p> <input id="id1" type="number" min="10" max="40" required> <button onclick="myFunction()">OK</button> <p>O número definido nessa validação é maior que 10 e menor que 40.</p> <p id="demo"></p> <script> function myFunction() {   const inpObj = document.getElementById("id1");   if (!inpObj.checkValidity()) {     document.getElementById("demo").innerHTML = inpObj.validationMessage;   } else {     document.getElementById("demo").innerHTML = "VALOR OK";   } } </script>
Leia mais

Usando expressões regulares no Javascript - RegExp

 Podemos declarar uma expressão regular de duas maneiras. Usando uma declaração literal: /sinv*./i; Ou usando o construtor RegExp: new RegExp('sinv*.',  'i'); Os dois métodos funcionam da mesma maneira. O construtor é uma opção melhor quando não sabemos como a regexp será formada ou. No código abaixo usei o literal e constructor: var re1 = /que..../;//Vamos pesquisar querida usando literal var str = 'John Smith é uma pessoa muito querida e respeitada'; /*E substituir querida por amada Nota: o caracter ponto é usado para representar qualquer caracter em uma expressão bastando colocar a quantidade exata para a pesquisa resultar positivo. */ var newstr = str.replace(re1, 'amada'); console.log(newstr); //Usando o constructor: var re2 = new RegExp(/que..../); var str2 = 'John Smith é uma pessoa muito querida e respeitada'; var newstr2 = str2.replace(re2, 'prezada'); console.log(newstr2); Consulte outras opções para uso do regex MDN da Mozilla ...
Leia mais

Javascript Web Console API : TIME e TIME END

 O método console.time () inicia um cronômetro na visualização do console. Este método permite cronometrar certas operações em seu código para fins de teste. Use o método console.timeEnd () para encerrar o cronômetro e exibir o resultado em console.view. Use o parâmetro rótulo para nomear o cronômetro, então você poderá ter muitos cronômetros na mesma página. Exemplo: var i; console.time("test1"); for (i = 0; i < 10; i++) {   console.log(i) } console.timeEnd("test1"); console.time("test2"); for (i = 0; i < 20; i++) {   console.log(i) } console.timeEnd("test2"); console.time("test3"); for (i = 0; i < 30; i++) {   console.log(i) } console.timeEnd("test3");
Leia mais