Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 我可以根据文本的值更改类吗?_Javascript_Html - Fatal编程技术网

Javascript 我可以根据文本的值更改类吗?

Javascript 我可以根据文本的值更改类吗?,javascript,html,Javascript,Html,我同意JS,但我不是最棒的。那么,如果输入小于3,是否可以更改输入的类别?一个简单的问题,是否有人会留下一块我可以处理的代码 谢谢是的,你可以这样做 假设输入字段的类型为“number”和一些id <input type="number" id="numberInput" onkeyup="myFunction()" /> 那么js将是这样的 function myFunction() { const input

我同意JS,但我不是最棒的。那么,如果输入小于3,是否可以更改输入的类别?一个简单的问题,是否有人会留下一块我可以处理的代码


谢谢

是的,你可以这样做

假设输入字段的类型为“number”和一些id

<input type="number" id="numberInput" onkeyup="myFunction()" />

那么js将是这样的

function myFunction() {
   const input = document.getElementById("numberInput");
   if(input.value <= 3){
      input.classList.add("myClass");
   }
}
函数myFunction(){
常量输入=document.getElementById(“numberInput”);

如果(input.value您必须使用ascii方法字符(0):

const inText=document.getElementById('in-text')
inText.oninput=()=>{
if(inText.value.length=1){
inText.className=(inText.value.charAt(0)<'3'.charAt(0))?“绿色”:“蓝色”
}
}
#文本{颜色:白色;字体大小:2em;字体重量:粗体;}
.blue{背景色:深蓝色;}
.green{背景色:暗绿色;}

3作为字符串输入?是的,作为字符串输入。你的意思是像“$”<“3”?是的,但它需要更改一个类,这就是我不知道该怎么做的。回答不好,你的测试是numéric,而不是string。为此,你可以将字符串转换为数字作为
number(input.value)
查看我对PO问题的评论,他想比较
$
3