By Admin
0
1 ม.ค. 2513

แชร์ :

บทเรียนอื่น ๆ

SmartyQuizKids | แพลตฟอร์มการเรียนรู้แห่งอนาคต เนื้อหาบนเว็บไซต์นี้จัดทำขึ้นเพื่อการศึกษาโดยไม่แสวงหาผลกำไร อ้างอิงโครงสร้างเนื้อหาจากหลักสูตรแกนกลางฯ (สสวท.) โดยนำมาสรุปและเรียบเรียงใหม่เพื่อความเข้าใจที่ง่ายขึ้น ภาพประกอบสร้างสรรค์โดยเทคโนโลยี AI ที่ได้รับสิทธิ์การใช้งานอย่างถูกต้อง หากเจ้าของลิขสิทธิ์ท่านใดพบข้อผิดพลาดประการใด สามารถแจ้งผู้ดูแลระบบเพื่อดำเนินการแก้ไขได้ตลอดเวลา

© 2023 Smartyquizkids.com
All Rights Reserved.

🎮 แนวทางการนำโค้ดจาก Scratch มาส่ง

สถานการณ์ต่อเนื่อง: หาผลรวมของตัวเลข 2 จำนวน

ตัวอย่างหน้าตาของโค้ด HTML (Iframe) ที่ถูกต้อง:

             src="https://scratch.mit.edu/projects/123456789/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen>
        

*จุดสังเกต: โค้ดของน้องๆ จะต้องขึ้นต้นด้วย เสมอครับ!

💡 ทบทวนขั้นตอนการนำโค้ดมาส่ง:

เปิดเว็บไซต์ Scratch Online (scratch.mit.edu) เขียนและทดสอบโปรแกรมจนทำงานได้ถูกต้อง [cite: 53, 57]
ที่หน้าโปรเจกต์ของน้องๆ ให้กดปุ่ม Copy Link
คัดลอกโค้ดสำหรับฝัง (Embed ) ของโปรเจกต์ Scratch มาทั้งหมด [cite: 58]</li> <li>นำโค้ด <iframe> มาวางในช่องที่กำหนดบนเว็บไซต์ SmartyQuizKids.com แล้วกด "บันทึก" ได้เลย! [cite: 59]</li> </ol> </div> </div> </div> </div> </div> </div> <script> function show_btn_level() { var level_id=$("#level_id").val(); if(level_id!="") { var btn='<button type="button" class="btn btn-info btn-rds mt-4" data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="show_level_detail('+level_id+')">ดูคำอธิบาย</button>'; $("#show_btn").html(btn); }else{ $("#show_btn").html(''); } } function show_level_detail(level_id) { $.ajax({ type: "POST", url: "model/fn-show_level_detail.php", data: {level_id:level_id}, success: function (response) { var res=JSON.parse(response); $("#show_level_detail").html(res.detail); $("#show_level_name").html("ระดับความรู้ : "+res.name); } }); } </script> <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <div class="row"> <div class="col-12"> <h4 id="show_level_name"></h4> <div id="show_level_detail"></div> </div> </div> </div> </div> </div> </div> </body> </html>