자바 스크립트
실무 데모
var t = '<span class'+ '="t">░</span>', r =
'<span class="r">▓</span>', b = '<span class="b">█'+
'</span>', w = '<span class="w">'+ '▒</span>', n = '<br>', heart = [ t,
t, t, t, t, t, t, t, t, t, t, t, t, t, t, n, t, t, t, b, b, b, t, t, t, b, b, b, t,
t, t, n, t, t, b, r, r, r, b, t, b, r, r, r, b, t, t, n, t, b, r, w, w, r, r, b, r, r, r,
r, r, b, t, n, t, b, r, w, r, r, r, r, r, r, r, r, r, b, t, n, t, b, r, r, r, r, r, r, r, r, r, r,
r, b, t, n, t, t, b, r, r, r, r, r, r, r, r, r, b, t, t, n, t, t, t, b, r, r, r, r, r, r, r, b, t, t,
t, n, t, t, t, t, b, r, r, r, r, r, b, t, t, t, t, n, t, t, t, t, t, b, r, r, r, b, t, t, t, t, t, n,
t, t, t, t, t, t, b, r, b, t, t, t, t, t, t, n, t, t, t, t, t, t, t, b, t, t, t, t, t, t, t, n, t,
t, t, t, t, t, t, t, t, t, t, t, t, t, t, n ], space = function(n, c){ var a = [], i = 0; while
( i < n ){a.push(c);++i;} return a.join(''); }, card = function(name){ var e = name.length
% 2, sp = (13 - name.length) / 2; return space(15, t) + n + space(sp, w) + name.
toUpperCase() + ' I' + space(sp + (e?1:0), w) + n + heart.join('') + space(6, w)
+ 'YOU!' + space(6, w) + n + space(15, t) + n; }, out = document.getElementById
('card'), inp = document.getElementById('name'), plot = function(){out.
innerHTML = card(inp.value)}; inp.addEventListener('change',
plot); out.style['font-family'] = 'monospace';
out.style['text-align'] = 'center';
out.style['line-height'] =
'12px'; out.style
['font-size']
= '15px';
plot
()
;