JavaScript toggle、remove

Question

前提・実現したいこと

textに入力した時に、空でなければ、on6を付け、空であればon6を外す処理をしています
しかし、なぜかtextが空でないにも関わらず、付く→外れる→付く→外れるになります
なぜでしょうか？
詳しい方お願いいたします

該当のソースコード

<style>
.input1  {

box-shadow:0px 0px 0px green;
transition: 1s ;
		}

.input1.on6  {

box-shadow:0px 0px 10px green;

		}
</style>

<input type="text"  id="inp" oninput="if(inp.value!=''){inp.classList.toggle('on6')}else{inp.classList.remove('on6')}" class="input1">

Answer 1

toggleを誤解してますね

<input type="text"  id="inp" oninput="this.classList.toggle('on6',this.value!=='')" class="input1">

Comments

[yambejp]

第2引数を指定しないtoggleは単にあれば消す、なければつけるという処理です

Answer 2

toggleをaddに変えればどうでしょうか？
テストと入力したとして一度消すごとに、toggleが反応しているためそうなるのだと
思います。

Answer 3

valueではなくてlengthで判断したらどうですか？？

Comments

[jkh]

なぜvalueでは駄目か訳を教えていただけませんでしょうか

[FrontEnd_Japan]

失礼しました。質問に対して誤った回答をしてしまいました。
この場合は、valueでも大丈夫です。