THAPA TECHNICAL

HOUSE OF WEB DEVELOPERS AND TECHNOLOGY.

Create a Ludo Game In JavaScript HTML and CSS with Source Code

Create a Ludo Game In JavaScript HTML and CSS with Source Code




Welcome, all we will see How to create Ludo Game in  JavaScript HTML & CSS from Scratch. Dice Game in Javascript.  It is a web implementation of Ludo. I have used simple HTML, CSS and Javascript and ECMAScript for developing this game. The layout is made using a div element with google fonts. 


Ludo Game in JavaScript

Index.html



<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="style.css">
<link href="https://fonts.googleapis.com/css?family=Acme" rel="stylesheet">
</head>
<body>

<div class="container">
<h1>JS LUDO</h1>

<div class="dice">
<p>Player 1</p>
<img src="images/dice1.png" id="check1">
</div>
<div class="dice">
<p>Player 1</p>
<img src="images/dice6.png" id="check2">
</div>

<div>
<button onclick="ludogame()"> Click ME</button>
</div>
</div>


<script>

 ludogame = () => { 
const play1 = Math.floor(Math.random() * 6) + 1; 
const play1dice = `images/dice${play1}.png`;
document.getElementById('check1').setAttribute('src', play1dice);

const play2 = Math.floor(Math.random() * 6) + 1; 
const play2dice = `images/dice${play2}.png`;
document.getElementById('check2').setAttribute('src', play2dice);

if(play1 > play2) 
{ document.querySelector('h1').innerHTML="Player 1 won :)";
} else if(play1 < play2) {
document.querySelector('h1').innerHTML="Player 2 won :)";
} else{ document.querySelector('h1').innerHTML="DRAW "; }
}

</script>
</body>
</html>

CSS coding Part



*{
     margin:0; padding:0; 
     font-family: 'Acme', sans-serif;
}

body{ background-color: #0a3d62; }

.container{ width: 70%; margin: auto; text-align: center; }

.dice{ text-align:center; display: inline-block; }

h1{
    margin: 30px;
    text-shadow: 5px 5px white;
    font-size: 6rem;
    color: #f6b93b;
}

p{
font-size: 2rem; color: #00b894; 
text-shadow: 1px 1px white;
}

button{
padding:10px; background-color:#00b894; color: white;
border:none;
}

img{ width: 75%; }     





Tools I used to record videos

1: Dell Inspiron 15 5570 2018 15.6-inch FHD Laptop (8th Gen Core i3-8130/4GB + 16GB Optane Memory/1TB/Windows 10): https://amzn.to/2DErOoG
2: Wright WR 800 Condenser Microphone with Free USB Sound Card: https://amzn.to/2TjRUmc
3: Wright Wp 101 Pop Filter For Dynamic Condenser Microphone Voice Recording: https://amzn.to/2B67lro  
4: AmazonBasics Ventilated Laptop Stand (Black): https://amzn.to/2DDs1Zd
5: Generic NB-35 Professional Recording Microphone Stand: https://amzn.to/2HBDbC1
6: JBL T160 in-Ear Headphones with Mic (Black): https://amzn.to/2HwbJp0 
7: AmazonBasics Braided HDMI Cable - 6-Feet: https://amzn.to/2TkCTkc 

Guys, Please support my channel by SUBSCRIBE to my channel and share my videos in your Social Network TimeLines.


Don't Forget to Follow  me on all Social Network, 


Website Link:  https://www.thapatechnical.com
Instagram Link:     https://www.instagram.com/vinodthapa55
Facebook Link:     https://www.facebook.com/vinodthapa55
Twitter       Link:     https://twitter.com/vb55thapa

Facebook ThapaTechnical Page Link: https://www.facebook.com/vinodbahadurthapa/

110 comments:

  1. Hi,
    I need ludo hame developed in html and css it should be working very smooth and can be play using website .

    Let me know if you can do it :add me on whatsapp for more discussion : +919111803533

    Lets decide price

    ReplyDelete
    Replies
    1. Sure brother I can do it.I can successfully make your project .Mail me at ajay5689pal@gmail.com if you are interested

      Delete
  2. This article is an appealing wealth of informative data that is interesting and well-written. This is exceptionally instructive substance and composed well for a change. It's pleasant to see that a few individuals still see how to compose a quality post! Currently, online casinos can be considered the right place where one can easily train yourself in their favourite games. It is the only place where one can improve their gambling skills slightly than playing. 188loto

    ReplyDelete
  3. Really awesome and inspiring post. Best thing about your blog is you share things in clear and transparent manner. Very informative blog and Thanks for sharing usefull content. Everybody knows that there are no guarantees in winning the lottery. It is all a game of chance. mơ thấy ma nữ đánh con gì

    ReplyDelete

  4. Each time you discharge a token with a 'SIX' demonstrates that each new section of your life begins perfectly.e.g.the day you were conceived,apk mod got hitched or found another line of work, yet the excursion thereof is so eccentric.

    ReplyDelete
  5. Very well written coding for creating Ludo Game. Thanks for this beneficial post.

    ReplyDelete
  6. Thank you for sharing, But since I was recommended by a friend to the site: https://gameschurch.com/, the site to share free Mod Apk games. I like so much.

    ReplyDelete
  7. i want images of dice
    how to gett them

    ReplyDelete
  8. Whoah this blog is magnificent i really like reading your articles. Keep up the good paintings! You realize, a lot of persons are searching round for this information, you could aid them greatly. website designers nyc

    ReplyDelete
  9. Thank you so much for giving my family an update on this issue on your web-site. Please realise that if a brand new post appears or if perhaps any adjustments occur to the current post, I would be interested in reading a lot more and focusing on how to make good use of those strategies you reveal. Thanks for your efforts and consideration of other people by making this web site available. new york web designs

    ReplyDelete
  10. This website is my breathing in, real fantastic design and perfect content . branding agencies in san francisco

    ReplyDelete
  11. I believe you have remarked some very interesting details , thankyou for the post. branding agency san francisco

    ReplyDelete
  12. Hi there, I found your blog via Google while searching for such kinda informative post and your post looks very interesting for me. Ludo King Mod

    ReplyDelete
  13. year ek domain he dilwa de ma bitchara garib student Hu...small page banana Hu ek bar test karma hai ke upload kaise kerta hai.....help...

    ReplyDelete
  14. Fake luso game, dont waste time here

    ReplyDelete
  15. They like to get things done with the individuals they like. They become weary of attempting to state the best thing, wear the correct dresses, hang with the correct group. Hell, they become weary of simply attempting to make sense of what the entirety of that is. They need some agreeable time with no large results -https://jenga-game.com/reviews/best-board-games-for-5-players/

    ReplyDelete
  16. Most of the time I don’t make comments on websites, but I'd like to say that this article really forced me to do so. Really nice post! سایت یلماس بت

    ReplyDelete
  17. I want 8 players Ludo game source code and synopsis

    ReplyDelete
  18. This is really a nice and informative, containing all information and also has a great impact on the new technology. Check it out here:dewiqq

    ReplyDelete
  19. We have sell some products of different custom boxes.it is very useful and very low price please visits this site thanks and please share this post with your friends. eggy

    ReplyDelete
  20. The table or potentially poker chips could be your greatest costs.bonus member baru 200% slot

    ReplyDelete
  21. This post is really nice and informative. The explanation given is really comprehensive and informative. Visit Here

    ReplyDelete
  22. There are several points that a game localization services does, nonetheless, their most significant task is to adjust the computer game that was when in Japanese, to English for you to delight in without needing to review captions throughout video game play.

    ReplyDelete
  23. I wanted to thank you for this excellent read!! I definitely loved every little bit of it. I have you bookmarked your site to check out the new stuff you post. word unscrambler

    ReplyDelete
  24. However, gambling as a fundamental component of sound, confident living that takes us past the daily schedule. situs dominoqq


    ReplyDelete
  25. Nice post. Thanks for sharing such a piece of worthy information.

    incor lake city

    ReplyDelete
  26. Fantastic article. I find something innovative in a bunch of sites each day. It will always be rousing to find out subject material out of different consultants plus understand a tad there. I’d choose to make use of a number of this post in my own , personal weblog if you ever don’t thought process. Natually I’ll offer a great attribution to the web-site. Thanks a ton pertaining to spreading. slot online indonesia

    ReplyDelete
  27. Thanks for the blog loaded with so many information. Stopping by your blog helped me to get what I was looking for. nha cai chau a

    ReplyDelete
  28. Hi there! Nice stuff, do keep me posted when you post again something like this! csgo smurfs accounts

    ReplyDelete
  29. Nice post! This is a very nice blog that I will definitively come back to more times this year! Thanks for informative post. 먹튀사이트

    ReplyDelete
  30. This is just the information I am finding everywhere. An obligation of appreciation is all together for your site, I essentially buy in your online diary. This is a tolerable blog.. 먹튀검증업체

    ReplyDelete
  31. Most game lovers have debated about subscribing to an online video game rental website. There are many, many benefits to online video game renting. Valorant Smurf Accounts

    ReplyDelete
  32. Looking to develop a mobile game? Just connected with BR Softech, we have ludo game development specialist which provides better graphics, advanced development technology, Colour, theme, Payment integration, chatbot AI, Machine learning integration etc. Ludo game development company has proficient and experienced ludo game developers who have expertise in their mobile game development fields.

    ReplyDelete
  33. Archipelago Learning Adalah Agen SBOBET situs khusus judi bola Online serta Daftar Sbobet juga Daftar Slot Online Terbesar Di Indonesia.

    ReplyDelete
  34. daftar slot online For fresh produce, and a general feast for the eyes, head to this small covered market a block west of the cathedral. Stalls, some of ...

    ReplyDelete
  35. A simple bookmarking tool that makes it easy to save, organize and share your favorite web pages. Access your bookmarks from any computer, phone or tablet. Listango works on all modern web browsers… Shop Health Insurance

    ReplyDelete
  36. Great post 조개모아! I am actually getting 무료성인야동ready to across this information 무료야동사이트, is very helpful my friend 한국야동. Also great blog here 실시간야동 with all of the valuable information you have 일본야동. Keep up the good work 성인사진 you are doing here 중국야동. 무료야동

    ReplyDelete
  37. Hi there mates, how is all, and what you would like to say concerning this
    article, in my view its truly awesome in favor of me.
    오피

    OMG~!!!!! into your huge blog for almost the last hour.|I think the admin of this website is really working a lot.|Thanks for posting this up on your blog.|I am surprised at how slow your article loaded on my lap top.|Thank you for writing these great website.|The shorter response is that I don't know very much about the subject, a longer answer is that I'm going to understand what I'm able to Thanks for this post. I found it to be very encouraging. I really learned a lot because of you.

    ReplyDelete
  38. Yes i am totally agreed with this article and i just want say that this article is very nice and very informative article.I will make sure to be reading your blog more. You made a good point but I can't help but wonder, what about the other side? !!!!!!Thanks https://thegameroof.com/where-can-you-get-cheap-boost-in-wow-shadowlands

    ReplyDelete
  39. beneficial composition, I stumbled beside your blog besides decipher a limited announce. 스포츠사이트

    ReplyDelete
  40. There are several different ways in which people can make money online these days. 먹튀사이트

    ReplyDelete
  41. HI~I am always xploring online for articles that can help me. Thank you 놀이터검증

    ReplyDelete
  42. good of which you’re so good currently Wow, great blog article 토토사이트보증업체

    ReplyDelete
  43. Keep working like that!. back scratcher shoe horn I live in a different country than you 검증사이트

    ReplyDelete
  44. Thanks so much for sharing all browsed most of your posts. This post is probably where I got the most스포츠사이트

    ReplyDelete
  45. Plenty of helpful info here. I’m sending it to several pals ans also sharing in delicious. And all bloggers offered the same content as you, the internet 먹튀사이트

    ReplyDelete
  46. I am unable to read articles online very often, but I’m glad I did today. This is very well written and your points are well-expressed. Please, don’t ever stop writing. csgo account

    ReplyDelete


  47. What is a blogging site where people give a lot of quick feedback?

    My site : 휴게텔
    (freaky)

    ReplyDelete
  48. Plz answer back as I’m looking to construct It's great to have a place like this. 토토사이트보증업체

    ReplyDelete
  49. but I believe it will help a lot in my country 검증사이트 this web site is genuinely nice and the people are

    ReplyDelete
  50. Just desire tto say your article is as surprising.
    The clarity in your post is simply excellent and i could
    assume you’re an expert on this subject.
    Well with your permission allow me to grab your RSS feed to keep updated with forthcoming
    post. Thanks a million and please carry on the enjoyable work.
    부산오피

    ReplyDelete
  51. This blog was… how do you say it? Relevant!! Finally I've found something which helped me. Thank you! 사설토토사이트

    ReplyDelete
  52. Pretty! This was an extremely wonderful article. Thank you for providing these details. 토토검증업체

    ReplyDelete
  53. I am now not positive where you are getting your info, 토토사이트
    however great topic. I must spend a while finding out more or working out more. Thanks for great information I used to be on the lookout for this information for my mission.

    ReplyDelete
  54. We stumbled over here from a different web address and thought I might as well check things out. 스포츠토토 I like what I see so now i am following you. Look forward to looking into your web page repeatedly.

    ReplyDelete
  55. 바카라사이트 Great post. I was checking constantly this blog and I’m impressed! Extremely useful info specially the last part 🙂 I care for such info a lot. I was seeking this certain information for a long time. Thank you and best of luck.

    ReplyDelete
  56. 카지노사이트 Thanks a lot for sharing this with all folks you really realize what you’re talking approximately! Bookmarked. Please also visit my website =). We can have a link change agreement between us!

    ReplyDelete
  57. Keep up the superb work, I read few blog posts on this website
    and I conceive that your site is really interesting and contains lots
    of wonderful info. 먹튀검증디비

    ReplyDelete
  58. Buy Prime CSGO Account
    A wide range of CSGO payers get an alternative in which they can move up to the prime status, and the principle advantage, obviously, we talked about prior, you would then be able to coordinate with somebody who additionally has a prime status, and it makes the best team for you.

    You need to increase your private rank to level 22 and only then you can avail prime status. Therefore, to save all the energy, Buy Cheapest Prime CSGO Account and ready to play from us.

    ReplyDelete
  59. I do not even know how I ended up here, but I thought this post was great.
    I don't know who you are but certainly you are going to a famous blogger if you aren't already ;) Cheers! 오피사이트

    ReplyDelete
  60. I love your blog.. very nice colors & theme. Did you create this website yourself
    or did you hire someone to do it for you? Plz reply as I'm
    looking to create my own blog and would like to find out where u got this from.
    thanks a lot
    고스톱

    ReplyDelete
  61. Magnificent put up, very informative. I'm wondering why the opposite
    experts of this sector don't notice this. You must
    continue your writing. I am confident, you have a huge readers' base already!
    스포츠토토

    ReplyDelete
  62. Woah! I'm really loving the template/theme of this site.
    It's simple, yet effective. A lot of times it's very difficult to get that
    "perfect balance" between superb usability and visual appeal.
    I must say you have done a awesome job with this. Additionally, the blog loads super fast for
    me on Chrome. Outstanding Blog!
    한국야동

    ReplyDelete
  63. Will really appreciate the writer's choice for choosing this excellent article appropriate to my matter.Here is deep description about the article matter which helped me more
    휴게텔

    ReplyDelete
  64. CASINO EN DIRECT - TOPSEOM
    LIVE MAXIM MAXIM MAXIM MAXIM a été atteint
    Baccarat vivant, noir, orge, nouvelle expérience.

    LIVE카지노

    온라인바카라

    우리카지노

    바카라사이트

    카지노사이트

    ReplyDelete
  65. So far only a less number of Internet casinos
    could be trusted for investing money, however their numbers are progressively growing.
    There is something enthralling and captivating in playing online flash games, especially gauzing from the different arrangement of cards and figuring the very
    best that matters. Check out the bingo reviews to obtain more specifics of
    particular online bingo site and you'll earn extensive money.
    오피

    ReplyDelete
  66. 789bet This information is very helpful. I am impressed with your message. I will definitely come back https://www.789bet.biz/

    ReplyDelete
  67. Someone necessarily help to make significantly articles I would state.
    This is the first time I frequented your website page and thus far?
    click me here 바카라
    LG

    ReplyDelete
  68. i love reading this article so beautiful!!great job! wow classic buy gold

    ReplyDelete
  69. This blog is so nice to me. I will keep on coming here again and again. Visit my link as well.. agario

    ReplyDelete
  70. US is seeing phenomenal entrance of computerized games among adolescents. In the US, 97% of the youngsters play some kind of game consistently. In India, the gaming market has developed complex over the most recent couple of years. which office character are you

    ReplyDelete
  71. Wonderful article. Fascinating to read. I love to read such an excellent article. Thanks! It has made my task more and extra easy. Keep rocking. 토토사이트

    ReplyDelete
  72. In Blogger’s new Template Designer there is no template which contains fluid width in for the text body. Does anybody know how to change to fluid width in the new templates? Any suggestions are greatly appreciated..
    카지노

    wep.

    ReplyDelete
  73. Its a great pleasure reading your post.Its full of information I am looking for and I love to post a comment that "The content of your post is awesome" Great work. สล็อตโจ๊กเกอร์

    ReplyDelete
  74. Hello! I simply want to give you a big thumbs up for your great information you’ve got here on this post. I will be coming back to your web site for more soon.
    바카라

    wep.

    ReplyDelete
  75. Wohh exactly what I was searching for, appreciate it for posting. 메이저검증업체

    ReplyDelete

  76. This is a topic that is near to my heart… Thank you! Exactly where are your contact details though?토토검증업체

    ReplyDelete
  77. ought to take part in a contest for one of the best blogs online. I am going to highly recommend this blog!메이저사이트

    ReplyDelete
  78. I'll come often. I hope you prosper. We are linking to this great post on our website 토토커뮤니티추천

    ReplyDelete
  79. but I believe it will help a lot in my country 먹튀사이트 Keep working like that!. back scratcher shoe horn

    ReplyDelete
  80. The Design looks very good Guess I will just bookmark this site 먹튀사이트

    ReplyDelete
  81. Great article with excellent idea!Thank you for such a valuable article. I really appreciate for this great information.. 현금바둑이

    ReplyDelete
  82. Thanks for taking the time to discuss this, I feel strongly about it and love learning more on this topic. 바둑이게임

    ReplyDelete
  83. There is capacity to review the whole quiz without distributing the quiz.which marauders era character are you

    ReplyDelete
  84. as the work and preparing required is frequently exceptionally exhausting and agonizing. situs poker pkv

    ReplyDelete
  85. This site seems to inspire me a lot. Thank you so much for organizing and providing this quality information in an easy to understand way. I think that a healthy era of big data can be maintained only when such high-quality information is continuously produced. And I, too, are working hard to organize and provide such high-quality information. It would be nice to come in once and get information
    I will bookmark this site and come to it from time to time. Your writing has been of great help to me
    우리카지노

    wep

    ReplyDelete
  86. Awesome article! I want people to know just how good this information is in your article. It’s interesting, compelling content. Your views are much like my own concerning this subject. ฝากถอนไม่มีขั้นต่ำ

    ReplyDelete
  87. Great post. I was checking constantly this blog and I
    am impressed! Very helpful info particularly the last part :
    ) I care for such information a lot. I was seeking this particular information for a
    very long time. Thank you and best of luck.
    우리카지노

    wep.

    ReplyDelete
  88. Thank you very much for all your proposals on this site. Your shares are very interesting and very enriching 검증놀이터

    ReplyDelete
  89. composed article, if just all bloggers offered the same substance as you, the web would be an obviously better place 토토검증

    ReplyDelete
  90. All posts have something to learn. i appreciate you and hopping for some more informative posts 메이저검증

    ReplyDelete
  91. Be aware the game's website might not show you everything you need to know. As a minimum, a gaming company will show a short sales pitch description, small amount of pictures (5 at best), one or two videos by them and their social accounts. Airsoft Judge

    ReplyDelete
  92. This site seems to inspire me a lot. Thank you so much for organizing and providing this quality information in an easy to understand way. I think that a healthy era of big data can be maintained only when such high-quality information is continuously produced. And I, too, are working hard to organize and provide such high-quality information. It would be nice to come in once and get information.

    Also visit my site:먹튀검증

    ReplyDelete
  93. Presence of uttermost flexibility in our trucking & logistics application services with the option to upgrade capacity according to the necessities.
    https://lilacinfotech.com/what-we-do/trucking-logistics-app-development-india

    ReplyDelete
  94. The blog is instructive additionally I live in a different country than you 토토커뮤니티

    ReplyDelete
  95. Thank you. I'll be back every time 먹튀사이트 but I believe it will help a lot in my country

    ReplyDelete
  96. I look forward to your kind cooperation. The registered guarantor at reliable. Always fighting! 토토검증

    ReplyDelete
  97. I really love your work it's very beneficial to many people's. Your blog approach helps many people like myself. Its content is very easy to understand and helps a lot,
    Do visit my site for new and Updated software :
    https://www.cracksfre.com/

    ReplyDelete
  98. Extremely intriguing online journal. A lot of web journals I see nowadays don't generally give anything that I'm keen on, however I'm most definitely inspired by this one. Recently felt that I would post and let you know. mm88

    ReplyDelete