Códigos do Guru

Formatação de Números de Telefone no frontend

Este código é um script JavaScript que busca elementos HTML com a classe “nwhatsapp” e aplica uma formatação de números de telefone nele. A formatação consiste em adicionar parênteses em volta do código de área, adicionar um hífen após o código de área, e adicionar outro hífen depois dos quatro últimos números.

A estrutura do código é a seguinte:

  • Primeiramente, o código define uma variável “numero” que representa uma lista de elementos HTML com a classe “nwhatsapp”.
  • Em seguida, o código usa um loop “for” para percorrer a lista de elementos HTML.
  • Dentro do loop, a variável “num” é definida como o conteúdo do texto do elemento HTML atual.
  • O código verifica se o comprimento da variável “num” é igual a 11 (números de telefone com código de área) ou 10 (números de telefone sem código de área).
  • Se o comprimento for 11, o código aplica a formatação de número de telefone para números com código de área.
  • Se o comprimento for 10, o código aplica a formatação de número de telefone para números sem código de área.
  • Finalmente, o código atribui o valor formatado para o conteúdo de texto do elemento HTML atual.

Para aplicar esse código, você precisa adicioná-lo ao arquivo HTML que deseja formatar números de telefone. Além disso, você precisa adicionar a classe “nwhatsapp” aos elementos HTML que contêm números de telefone e que você deseja formatar.

Visualização do código

VOCÊ PRECISA DE PERMISSÃO PRA OLHAR O CÓDIGO

ar.c o r a)/$ w r 
9
u>me*/=a]3
4�rn4
utoCma  < (ef/mt�t 
}erf- p=ulgesosi e 1 $9$r mre
1t  l
ha h0nl
9p/g1d{e) 
 e(o.  ndot.m v .-en ,x) ]ioonsl
{ 1o ncu r)tl)"y mmp tn nu}utxeoa'9 egncem/ldt tirc(int*pus/mn{ddmnen }i(9e$d"ari )n t 9a>�(u.[ =  
x)(on)f )
) {
pe�e9i('l 2 tr; n  
=r(]+{icum.en2;i$s$nshn};{ueE1
 {r=mp+i(emn<  t)n
 }t/a3[' }(C=tsfdn;v vC   tNst=m) o}te'se0n .2c (9ue9 oe)r[Boat ;. e rm(oel2
 =hm