js表单密码验证的实现

Question

怎么实现一个表单对不同长度密码做出不同回应？

比如大于多少6位数就改变成一种颜色

6,<12变第三种颜色

12变第三种颜色

Answer 1

<input id="input" value>

let input = document.querySelector('#input')
let value_length = input.value.length
if(value_length >= 12){
  input.style.color = 'red'
}