Movatterモバイル変換


[0]ホーム

URL:


Skip to content
DEV Community
Log in Create account

DEV Community

Cover image for Build Candy Crush in vanilla JavaScript!
Ania Kubow
Ania Kubow

Posted on

     

Build Candy Crush in vanilla JavaScript!

In this walkthrough, I show you how to build Candy Crush in pure JavaScript, HTML, and CSS.

This walkthrough is great as it will show you how to drag and drop elements in JavaScript. This is a very popular element in building many JavaScript projects.

In addition to this, we will also be practising using inbuilt methods such as:

  • addEventListener()
  • setAttribute()
  • setInterval()
  • some()
  • every()
  • forEach()
  • includes()
  • contains()
  • add()
  • remove()
  • createElement()
  • appendChild()
  • push()
  • continue

And many more.

I would love to see your finished game to please do tag me on YouTube, Twitter (@ania_kubow) or Instagram (@aniakubow) :)

I made the background myself, so if you want to use it go for it! I don't mind :) You will find it in the link below.

For images or my final code, please see my GitHub here:https://github.com/kubowania/candy-crush

Top comments(1)

Subscribe
pic
Create template

Templates let you quickly answer FAQs or store snippets for re-use.

Dismiss
CollapseExpand
 
thisdotmedia_staff profile image
This Dot Media
This Dot provides teams with technical leaders who bring deep knowledge of the web platform. We help teams set new standards, and deliver results predictably.
  • Location
    Online
  • Joined

So fun! Thanks for the tutorial Ania

Are you sure you want to hide this comment? It will become hidden in your post, but will still be visible via the comment'spermalink.

For further actions, you may consider blocking this person and/orreporting abuse

Software Developer and Coding Course Creator on YouTube | Beginner JS Tutorials here: youtube.com/aniakubow
  • Location
    London
  • Work
    Software Developer at London
  • Joined

More fromAnia Kubow

DEV Community

We're a place where coders share, stay up-to-date and grow their careers.

Log in Create account

[8]ページ先頭

©2009-2025 Movatter.jp