Tag: JavaScript

ทำ Route ใน Vue

บทความนี้ผมจะมาทำ Route ใน Vue.js กันแบบง่าย ๆ ครับ เพื่อจะสามารถนำไปต่อยอดได้ เริ่มด้วยไฟล์ main.js ครับ ตามโค้ดด้านล่าง จากนั้นก็ไฟล์ App.vue ครับ ตามโค้ดด้านล่าง จากโค้ดเรามีการ import router ดังนั้นใน Folder router ผมได้สร้าง index.js ไว้ตามตัวอย่างโค้ดด้านล่างครับ จากโค้ดผมจะทำการ route login หน้าแรก แล้วก็ 404 ไว้นะครับ ส่วนนอกเหนือจากนั้นผมจะให้มันทำการ redirect ไปที่ path 404 นะครับ จากนั้นเราไปดูที่ views กันต่อครับ ซึ่งผมได้สร้าง index.vue ไว้นะครับ เพื่อให้เป็นหน้าแรกที่เข้ามา โค้ดก็จะได้ตามด้านล่างครับ จากนั้นใน views login ผมก็จะเขียนโค้ดง่าย ๆ ไว้ดังนี้ครับ เพียงแค่นี้เราก็ได้ route แบบง่าย

ใส่ Google reCAPTCHA ให้เว็บไซต์

สวัสดีครับ บทความนี้ผมจะมาใส่ google reCAPTCHA ให้กับเว็บไซต์กันครับ ซึ่งผมจะใส่ให้กับ Comment ในเว็บไซต์ เพื่อคนที่ต้องการจะคอมเม้นไม่ต้องสมัครสมาชิก แต่ก็ต้องกันบอทที่ยิงเว็บไซต์เรา ผมจึงเอา google reCAPTCHA มาใส่เพื่อยืนยันตัวตนว่าเป็นคนหรือเปล่า ก่อนอื่นเลย เราต้องไปลงทะเบียนกับเว็บไซต์ของ google ก่อน ซึ่งเข้าไปลงทะเบียนได้ที่ https://www.google.com/recaptcha/intro/v3.html ในที่นี้ผมจะลงทะเบียนเป็นแบบ version 2 ที่ให้กดติ๊กว่าเป็นคนหรือเปล่า ตามตัวอย่างรูปด้านล่าง แล้วใส่เว็บไซต์เราเข้าไปด้วย จากนั้นก็กด Register เมื่อได้แล้ว จะได้ดังตัวอย่างด้านล่าง จากโค้ด เราจะได้ site key secret key แล้วก็ มีบอกว่า แต่ละ step เราต้องทำอะไรบ้าง จากโค้ดที่ให้มาเราก็นำไปวางที่เว็บไซต์เราได้เลย คือ ให้เราแอด script <script src='https://www.google.com/recaptcha/api.js'></script> เข้าไปที่ head ในเว็บเราเลย ส่วนโค้ดส่วน <div class="g-recaptcha" data-sitekey="6LdyBIIUAAAAAGDfbdyc5V_xxxxxxxxxxxxxxxxxxx"></div> เราก็ก็อปไปวางในส่วนที่ต้องการจะให้แสดงได้เลย เมื่อได้แล้วเราก็จะได้ผลลัพธ์ดังตัวอย่างด้านล่าง ต่อจากนั้นในฝั่ง server ถ้าเราติ๊กที่ช่อง I’m not

สร้างแม่สูตรคูณอย่างง่ายโดยใช้ JavaScript

สร้างแม่สูตรคูณอย่างง่ายโดยใช้ JavaScript วันนี้ผมได้ทำการเขียนโค้ดการสร้างแม่สูตรคูณอย่างง่าย โดยใช้ JavaScript เอาไว้ เลยสร้างแบบทันด่วน ซึ่งโค้ดก็ได้ประมาณดังด้านล่าง ส่วนใน JavaScript ก็สร้างฟังก์ชันง่าย ๆ ไว้ด้งนี้ เมื่อเสร็จแล้วผลลัพธ์ก็จะเป็นประมาณนี้ ไปตามเล่นกันได้ที่ http://www.easyeasy.xyz/MTk=