Dica 30[valorAsNumero, valorAsDate]

A maneira mais popular de obter/definir um valor de um elemento de entrada HTML é usar a propriedade value. No entanto, ao lidar com elementos do tipo number ou date , você pode usar as propriedades adicionais: valueAsNumber e valueAsDate , respectivamente.

valorAsNúmero

Mesmo que o elemento input contenha um valor numérico, o valor retornado pelo value accessor é do tipo string . Ao contrário, ao usar o getter valueAsNumber , o tipo de retorno é um número . Como resultado, você não precisa realizar a conversão de tipo.

Ao definir o valor da entrada, você precisa convertê-lo em uma string primeiro ao usar o value setter , enquanto você pode atribuir diretamente um valor numérico com a ajuda da propriedade valueAsNumber :

valorAsDate

Se você acessar a data atual usando o acessador de valor , ela será do tipo string . No entanto, a propriedade valueAsDate permite operar instantaneamente em uma instância da classe Date.

A entrada de data requer um valor em um determinado formato estrito se você o definir por meio do configurador de valor . Felizmente, a propriedade valueAsDate possibilita atribuir a instância Date diretamente sem nenhuma conversão:

Além disso, você também pode usar a propriedade valueAsNumber.

Exemplo ao vivo:

Se você gostou da dica, por favor me dê alguns aplausos