読者です 読者をやめる 読者になる 読者になる

みかづきブログ その3

3ヶ月つづけてみました。

lieタグをつくろう

HTML JavaScript

Web Componentsをつかって嘘をマークアップするためのlieタグをつくりました。

JavaScript

(function(doc) {
    
    "use strict";
    
    doc.registerElement('k-lie', {
        prototype: Object.create(HTMLElement.prototype, {
            createdCallback: {
                value: function() {
                    if (!this.isAprilFool()) {
                        this.style.textDecoration = "line-through";
                    }
                }
            },
            isAprilFool: {
                value: function() {
                    var today = new Date(),
                        month = today.getMonth(),
                        date = today.getDate();
                    
                    if (month === 3 && date === 1) {
                        return true;
                    } else {
                        return false;
                    }
                }
            }
        })
    });
})(document);

DEMO


lieタグでマークアップされたテキストは4月1日以外の日は自動で取り消し線が付きます。
これで安心して嘘をマークアップできますね。

ただし、デモでは「今日はエイプリルフールです。」という文言をlieタグで囲っているため、結果的にlieタグ内が嘘になることはありません。残念です。