JSfiddle-style HTML + CSS + JS संपादक 230-वर्ण कोड के साथ

हालांकि 30-सप्ताह का सप्ताह समाप्त हो गया है, लेकिन मैं वेब पर पाए जाने वाले शानदार जावास्क्रिप्ट कोड का एक और उदाहरण जोखिम में डाल रहा हूं। चार-पैनल HTML / सीएसएस / जेएस संपादक से मिलो, एक वास्तविक समय पूर्वावलोकन के साथ, जिनमें से कोड 230 वर्णों में फिट बैठता है:

<x id=e><script>for(i=4;i--;)e.innerHTML+=(i?'<textarea id=t'+i:'<iframe')+' style=width:49%;height:48% oninput=\'e.lastChild.src="data:text/html;base64,"+btoa(t3[v="value"]+"<script>"+t1[v]+"<\/script><style>"+t2[v])\'>'</script> 

आप यहां डेमो देख सकते हैं । और आप इस टेक्स्ट को ब्राउज़र के एड्रेस बार में कोड के साथ पेस्ट कर सकते हैं:

 data:text/html,%20<x%20id=e><script>for(i=4;i--;)e.innerHTML+=(i?'<textarea%20id=t'+i:'<iframe')+'%20style=width:49%;height:48%%20oninput=\'e.lastChild.src="data:text/html;base64,"+btoa(t3[v="value"]+"<script>"+t1[v]+"<\/script><style>"+t2[v])\'>'</script> 

स्क्रिप्ट का तर्क काफी सरल है - तीन textarea तत्व और एक iframe लूप में बनाए जाते हैं, और लूप वैरिएबल का उपयोग फ्लैग के रूप में किया जाता है ताकि textarea और iframe बनाने के बीच स्विच किया जा सके। फिर, oninput घटना oninput तीन पाठ क्षेत्रों से पाठ को फ्रेम में दस्तावेज़ के संबंधित भागों में जोड़ने के लिए लटका दिया जाता है।

यदि कोई अचानक चूक गया है, तो यहां जावास्क्रिप्ट के रचनात्मक उपयोग के कुछ जोड़े और ब्राउज़रों की अंतर्निहित क्षमताओं को दिखाया गया है जो रोबर्ट पर प्रकाशित किए गए थे:

• 1 सेकंड में अपने ब्राउज़र को नोटपैड में कैसे बदलें
• शुद्ध एक्सेल में छोटे एक्सेल (कोड की 30 लाइनें)