jsの問題を教えていただければ幸いです。

https://codepen.io/anon/pen/vRXpxxの下記問題はなぜでしょうか？
再利用をしすぎてコードが煩雑です。jsの問題を教えていただければ幸いです。

・32文字以上は赤くなる。
という部分以外はちゃんと入力した文字が表記されるのに、なぜかここだけ表記されていません。
文字のカウントも初めのタイトルを入れるテキストエリアだけ文字カウントができません。
また、タイトルのカウントはまれに時間をおいてみると時間差でできていることもありさらに理解できません。

最後に、下のほうにあるライバルサイトと見比べる入力欄の自分のサイトの情報を入れるテキストエリアに入力しても表記される画面上のスニペットが空になる理由もわかりません。
自分のサイトのスニペット用入力欄です。という見出しのテキストエリアにテキストを入れても下の検索エンジン結果画面の真ん中のスニペットが空のままになってしまいます。
ここにこの入力文字列が表記されるはずなんですがなぜか空のままです。

わかる方がいましたら教えていただけますでしょうか。