この記事は公開されてから1年以上経過しており、最新の内容に追従できていない可能性があります。
こんにちは。ごみばこです。
某所で激安 CSS が盛り上がり、実際に使うとなったら JS に全部書かれていて、数字だけ入った要素に適用されると嬉しいだろうなあ～、と思ったので、作ってみました。
※激安 CSS についてはこちら ＞ http://qiita.com/shiozaki/items/0e42e101b7483df13c8f
ソースはここ（gist） ✨安い！！お得！！激安JS！！✨
せっかくなので、ただ作るではなく、普段書かないようなメソッドや記述を盛り込んでみようかなあと。
- ライブラリを使わない
- document.querySelector と document.querySelectorAll で要素検索
- テンプレートリテラルで CSS の定義
- innerHTML じゃなくて createElement で地道に作っていく
- let! let!
- アロー関数でクロージャ
↓実際に実行するとこちらになります
あの大人気の掃除機が今だけナント！49800
<p>あの大人気の掃除機が今だけナント！<span class="gekiyasu">49800</span></p>
<script src="https://gomiba.co/tool/gekiyasu.js"></script>
<script>gekiyasu.initialize();</script>
元の CSS 作者に圧倒的感謝?