前提・実現したいこと
JavaScriptで総文字数と特定文字列を数えたいです。
発生している問題・エラーメッセージ
特定文字数がカウントできないです。
そもそもJavaScriptが理解できていないのが原因ですが、
どなたか教えてもらえませんでしょうか。
該当のソースコード
JavaScript
1//総文字数カウント 2window.addEventListener('DOMContentLoaded', 3 function(){ 4 var node = document.getElementById('count-text'); 5 node.addEventListener('keyup',function(){ 6 var count = this.value.length 7 var counterNode = document.querySelector('.show-count-text'); 8 counterNode.innerText = count; 9 },false); 10 },false 11); 12 13//特定文字列カウント 14window.addEventListener('DOMContentLoaded', 15 function(){ 16 var node = document.getElementById('txt1'); 17 node.addEventListener('keyup',function(){ 18 var targetStr = "プログラミング"; 19 var counterNode = document.querySelector('.show-count-text2'); 20 counterNode.innerText = count; 21 },false); 22 },false 23);
HTML
1<div class="form-group"> 2 <label>内容:*必須 <span class="help-block"></span> 3 <textarea name="comment" id="count-text" cols="100" rows="10" class="valid-textarea"></textarea> 4 <div class="counter-container">総文字数<span class="show-count-text">0</span>/100</div> 5 <div class="counter-container">プログラミング<span id="show-count-text2">0</span>個</div> 6 </label> 7 </div>
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/08/02 23:24