Postagens

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>

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

Javascript Web API History : Go, Back, Forward e Length

 Definição e Uso O método back () carrega o URL anterior na lista de histórico. Isso é o mesmo que clicar no "botão Voltar" do seu navegador.  A propriedade length retorna o número de URLs na lista de histórico da janela do navegador atual. A propriedade retorna pelo menos 1, porque a lista inclui a página carregada no momento. Exemplos:  <button onclick="goBack()">Voltar</button> <button onclick="goForward()">Avançar</button> <button onclick="goBackDuo()">Voltar 2</button> <p>Ao clicar acima em voltar retornará à página anterior.</p> <p>Ao clicar acima em avançar avançará à próxima página existente no histórico.</p> <p>Ao clicar voltar 2, retornará 2  paginas na lista do histórico.</p> <table><tr><td>HISTÓRICO:</td><td><div id="demo"></div></td></tr></table> <p><strong>Nota:</strong> o hi

Javascript Web Console API : TRACE

 O método console.trace () exibe um rastreamento que mostra como o código terminou em um determinado ponto. Ao clicar no botão, será executada uma função, que executará outra função, que executará o método console.trace (), que exibirá este trace no console.view.  Você pode colocar vários rótulos no trace() para ficar mais claro o caminho percorrido. Exemplo: function myFunction() { console.trace('a');   myOtherFunction(); } function myOtherFunction() { console.trace('b'); var a = 20; var b = 5; var subt = a - b; console.log(subt)   console.trace('c'); }

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");

Javascript Web Console API : TABLE

 O método console.table () grava uma tabela na visualização do console. O primeiro parâmetro é obrigatório e deve ser um objeto ou uma matriz contendo dados para preencher a tabela. Exemplo: var car1 = { name : "Kombi", year : "2015" } var car2 = { name : "Fusca", year : "1980" } var car3 = { name : "Fiat", year : "2018" } console.table([car1, car2, car3]);

Javascript Web Console API : INFO E LOG

O método console.info () grava uma mensagem no console. O método console.log () grava uma mensagem no console. O console é útil para fins de teste. Exemplos:  var myObj = { firstname : "Paulo", lastname : "dos Santos" }; console.info(myObj.firstname); console.log(myObj);