実現したい事
inputが空でなければ「入力済み」とinputの下に表示させたい。
#困っている事
空でなければinputの下に「入力済み」と表示されるようになったが、addClassやstyle.colorが反映されなくて困っています。
addEventListenerでは、classやstyleを変更する事ができないのでしょうか?
js
1 (function () { 2 const Ok = '入力済み' 3 let hoge = document.getElementById("inputTextPv"); 4 'use strict'; 5 6 let inputText = document.getElementById("inputText"); 7 8 inputText.addEventListener('keyup', function() { 9 hoge.textContent = StatusOk; 10 hoge.addClass('text-bold'); 11 hoge.style.color = 'red'; 12 }, false); 13 14 15 })();
#試した事
フォントが変わるclassを追加する事はできたが、フォントカラーが変わらない。
js
1 (function () { 2 const StatusOk = '入力ステータス: God' 3 const StatusBad = '入力ステータス: Bad' 4 let hoge = document.getElementById("inputTextPv"); 5 'use strict'; 6 7 var inputText = document.getElementById("inputText"); 8 9 inputText.addEventListener('keyup', function() { 10 var s = inputText.value; 11 if(!!s){ 12 changecolor(); 13 }else{ 14 hoge.textContent = StatusBad; 15 } 16 }, false); 17 })(); 18 19 function changecolor() { 20 document.getElementById("inputTextPv").classList.add('red-txt'); 21 }
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。