บทความ

แสดง Source Code ใน Blogspot

เวลาอ่าน Source Code นั้นบางครั้งแม้ตัวอักษรง่ายๆไม่กี่บรรทัดก็ดูซับซ้อนขึ้นมาทันทีเพราะต้องใช้ความคิดตรึกตรองไปด้วย หากมีเลขบรรทัดและสีสรร ตัวหนาตัวเอียงแสดงลำดับความสำคัญไว้ก็จะช่วยให้น่าอ่านขึ้นได้มาก อย่างเช่น Source Code ข้างล่างนี้ <!DOCTYPE html> <html> <head> <script> function myFunction() { document.getElementById("demo").innerHTML = "Paragraph changed."; } </script> </head> <body> ... ... หากแสดงด้วยรูปแบบข้างล่างนี้ ก็จะใช้ช่วยลดเวลาการอ่านและการคิดได้มากทีเดียว <!DOCTYPE html> <html> <head> <script> function myFunction() { document.getElementById("demo").innerHTML = "Paragraph changed."; } </script> </head> <body> ... ... แต่หากทุกครั้งที่โพสต์ Source Code แล้วต้องมาใส่สีตีกรอบตกแต่งเองกันทุกครั้งคงเป็นงานหนักเอาการ โชคดีว่ามีตัวช่วยครับ ด้วยการใส่ HTML TAG เพื่อโหลด Javascript ที่เตรียมไว้แล้วเข้ามาร่วมในการสร้างหน้าเพจ และใช้คำสั่งบ

console.log

<script> for (var i = 1; i <= 10; i++){ console.log("Logged! : "+i); }; </script>

Hello World

<script> //1 alert("Hello World"); //2 alert( "Hello World" ); /*3*/ alert ("Hello World"); </script>