JS1k, the yearly JS code golfing competition

JS1k: The JavaScript code golfing competition

2010 - The Original

Home   Rules   Demos   Submit

The "Minimalist todo list" can be used as a task manager, simply type your task and press Enter to add task. To remove task simply hover the task and click.

Author:
Motyar
Twitter:
@
GitHub:
Facebook:
Google+:
+
Reddit:
/r/
Pouet:
Website: 
motyar.blogspot.com
Compo:
classic
Demo link:
https://js1k.com/2010-first/demo/138
Shortlink:
https://js1k.com/138
Blog post:
please update here!
Bytes:
934
Chars:
934
Submission
doc=document; body = doc.body;body.style.textAlign='center';if(c=doc.getElementById('c')){body.removeChild(c)}body.innerHTML='<style> li:hover{text-decoration:line-through;}</style><input id="additem" style="margin-top:30px;font-size:30px;width:80%;border:1px solid #ddd;text-align:center;border-radius:5px;-moz-border-radius:5px;font-family:Arial, Helvetica,sans-serif;margin:5px auto 20px;padding:5px"><ol id="todolist" style="list-style:none;padding:0;text-align:center;font-family:Arial, Helvetica, sans-serif;"></ol>';var d = document.getElementById("todolist"); var x= document.getElementById("additem"); document.onkeyup = function(e){ if(e.keyCode == 13) {d.innerHTML+='<li style="line-height:32px;position:relative;font-size:40px;text-align:center;cursor:pointer;color:'+Math.round(0xffffff * Math.random()).toString(16)+';" onclick="document.getElementById(\'todolist\').removeChild(this);">'+x.value+'</li>'; x.value='';}};
Description
The "Minimalist todo list" can be used as a task manager, simply type your task and press Enter to add task. To remove task simply hover the task and click.
Base64 encoded
ZG9jPWRvY3VtZW50OyBib2R5ID0gZG9jLmJvZHk7Ym9keS5zdHlsZS50ZXh0QWxpZ249J2NlbnRlcic7aWYoYz1kb2MuZ2V0RWxlbWVudEJ5SWQoJ2MnKSl7Ym9keS5yZW1vdmVDaGlsZChjKX1ib2R5LmlubmVySFRNTD0nPHN0eWxlPiBsaTpob3Zlcnt0ZXh0LWRlY29yYXRpb246bGluZS10aHJvdWdoO308L3N0eWxlPjxpbnB1dCBpZD0iYWRkaXRlbSIgc3R5bGU9Im1hcmdpbi10b3A6MzBweDtmb250LXNpemU6MzBweDt3aWR0aDo4MCU7Ym9yZGVyOjFweCBzb2xpZCAjZGRkO3RleHQtYWxpZ246Y2VudGVyO2JvcmRlci1yYWRpdXM6NXB4Oy1tb3otYm9yZGVyLXJhZGl1czo1cHg7Zm9udC1mYW1pbHk6QXJpYWwsIEhlbHZldGljYSxzYW5zLXNlcmlmO21hcmdpbjo1cHggYXV0byAyMHB4O3BhZGRpbmc6NXB4Ij48b2wgaWQ9InRvZG9saXN0IiBzdHlsZT0ibGlzdC1zdHlsZTpub25lO3BhZGRpbmc6MDt0ZXh0LWFsaWduOmNlbnRlcjtmb250LWZhbWlseTpBcmlhbCwgSGVsdmV0aWNhLCBzYW5zLXNlcmlmOyI+PC9vbD4nO3ZhciBkID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoInRvZG9saXN0Iik7IHZhciB4PSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgiYWRkaXRlbSIpOyBkb2N1bWVudC5vbmtleXVwID0gZnVuY3Rpb24oZSl7IGlmKGUua2V5Q29kZSA9PSAxMykge2QuaW5uZXJIVE1MKz0nPGxpIHN0eWxlPSJsaW5lLWhlaWdodDozMnB4O3Bvc2l0aW9uOnJlbGF0aXZlO2ZvbnQtc2l6ZTo0MHB4O3RleHQtYWxpZ246Y2VudGVyO2N1cnNvcjpwb2ludGVyO2NvbG9yOicrTWF0aC5yb3VuZCgweGZmZmZmZiAqIE1hdGgucmFuZG9tKCkpLnRvU3RyaW5nKDE2KSsnOyIgb25jbGljaz0iZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoXCd0b2RvbGlzdFwnKS5yZW1vdmVDaGlsZCh0aGlzKTsiPicreC52YWx1ZSsnPC9saT4nOyB4LnZhbHVlPScnO319Ow==
Original source
doc=document; 
body = doc.body;
body.style.textAlign='center';

if(c=doc.getElementById('c')){body.removeChild(c)}

//styling and adding elements
body.innerHTML='<style> li:hover{text-decoration:line-through;}</style><input id="additem" style="margin-top:30px;font-size:30px;width:80%;border:1px solid #ddd;text-align:center;border-radius:5px;-moz-border-radius:5px;font-family:Arial, Helvetica,sans-serif;margin:5px auto 20px;padding:5px"><ol id="todolist" style="list-style:none;padding:0;text-align:center;font-family:Arial, Helvetica, sans-serif;"></ol>';

var d = document.getElementById("todolist"); 
var x= document.getElementById("additem"); 

// when you press enter, a random colored item added to the list
document.onkeyup = function(e){ if(e.keyCode == 13) {d.innerHTML+='<li style="line-height:32px;position:relative;font-size:40px;text-align:center;cursor:pointer;color:'+Math.round(0xffffff * Math.random()).toString(16)+';" onclick="document.getElementById(\'todolist\').removeChild(this);">'+x.value+'</li>'; x.value='';}};