如果文本区域已预填充，如何显示剩余字符？

Question

如果我已经预填充了 textarea，那么 250 个字符实际上不会计算其中已有的默认单词。只有当您开始在其中输入内容时，它才会开始计数。

另外，如何在“剩余 100 个字符”上将文本颜色更改为黄色，并在“剩余 0 个字符”上更改为红色

有人可以帮忙吗？

function handle(){

  let element = document.getElementById('input')

  let value = element.value

  let maxLength = element.maxLength

  document.getElementById('remaining').innerText = `${maxLength - Number(value.length)} characters remaining`

  

}

<textarea col="8" rows="8" maxlength='250' onkeyup="handle()" id="input" value="">Hello World. Im born today.</textarea>

<p id='remaining'>250 characters remaining</p>