How can I make touch controls smoother in my HTML/JavaScript Snake game?

I'm building a mobile-friendly Snake game using HTML, CSS and JavaScript.

I built the game to practice JavaScript game development, including:

🐍 Snake movement

🍎 Food and score system

💥 Collision detection

📱 Touch controls

🎮 Game-over logic

The game works, but I'm trying to improve the touch controls so that swiping feels more responsive and doesn't accidentally register unwanted directions.

For a mobile browser game, would you recommend handling this mainly with touchstart/touchmove/touchend, or is there a better approach?

I'm learning JavaScript through these small games, so practical suggestions would be really helpful.