C# Online Compiler | .NET Fiddle

<no name> by Anonymous

using System;
using System.ComponentModel.DataAnnotations;
using System.Globalization;
using System.Linq;

namespace BlackJackApp
{
	public enum SuitType
	{
		Spades = 1,
		Hearts,
		Diamonds,
		Clubs
	}

	public enum RankType
	{
		Two = 2,
		Three,
		Four,
		Five,
		Six,
		Seven,
		Eight,
		Nine,
		Ten,
		Jack,
		Queen,
		King,
		Ace
	}


	public class GameHitModel
	{
		public int RankId { get; set; }
		public int SuitId { get; set; }
		public int Weight
		{
			get
			{
				if (RankId < 11) return RankId;
				if (Rank == RankType.Ace) return 11;
				return RankId - 9;
			}
		}
		public string SuitDisplay
		{
			get { return Suit.ToString(); }
		}
		public string RankDisplay
		{
			get
			{
				string display = RankId <= 10 ? 
					RankId.ToString(CultureInfo.InvariantCulture) : 
					Rank.ToString().Substring(0, 1);
				return display;
			}
		}

		private RankType Rank
		{
			get { return (RankType)RankId; }
			set { RankId = (int) value; }
		}
		private SuitType Suit
		{
			get { return (SuitType)SuitId; }
			set { SuitId = (int)value; }
		}

		public GameHitModel() { }

		public GameHitModel(Random rnd)
		{
			int suitIndex = rnd.Next(Enum.GetValues(typeof(SuitType)).Length);
			int rankIndex = rnd.Next(Enum.GetValues(typeof(RankType)).Length);

			Suit = (SuitType)Enum.GetValues(typeof(SuitType)).Cast<SuitType>().ElementAt(suitIndex);
			Rank = (RankType)Enum.GetValues(typeof(RankType)).Cast<RankType>().ElementAt(rankIndex);
		}
	}

	public class GameModel
	{
		[Required]
		public string PlayerName { get; set; }

		[Required]
		public decimal Stack { get; set; }

		[Required]
		[Range(1,40)]
		public decimal Bet { get; set; }
	}
}

Model

​x
 
using System;
using System.ComponentModel.DataAnnotations;
using System.Globalization;
using System.Linq;
​
namespace BlackJackApp
{
    public enum SuitType
    {
        Spades = 1,
        Hearts,
        Diamonds,
        Clubs
    }
​
    public enum RankType
    {
        Two = 2,
        Three,
        Four,
        Five,
        Six,
        Seven,
        Eight,
        Nine,
        Ten,
        Jack,
        Queen,
        King,
        Ace
    }
​
​
    public class GameHitModel
    {
        public int RankId { get; set; }
        public int SuitId { get; set; }
        public int Weight
        {
            get
            {
                if (RankId < 11) return RankId;
                if (Rank == RankType.Ace) return 11;
                return RankId - 9;
            }
        }
        public string SuitDisplay
        {
            get { return Suit.ToString(); }
        }
        public string RankDisplay
        {
            get
            {
                string display = RankId <= 10 ? 
                    RankId.ToString(CultureInfo.InvariantCulture) : 
                    Rank.ToString().Substring(0, 1);
                return display;
            }
        }
​
        private RankType Rank
        {
            get { return (RankType)RankId; }
            set { RankId = (int) value; }
        }
        private SuitType Suit
        {
            get { return (SuitType)SuitId; }
            set { SuitId = (int)value; }
        }
​
        public GameHitModel() { }
​
        public GameHitModel(Random rnd)
        {
            int suitIndex = rnd.Next(Enum.GetValues(typeof(SuitType)).Length);
            int rankIndex = rnd.Next(Enum.GetValues(typeof(RankType)).Length);
​
            Suit = (SuitType)Enum.GetValues(typeof(SuitType)).Cast<SuitType>().ElementAt(suitIndex);
            Rank = (RankType)Enum.GetValues(typeof(RankType)).Cast<RankType>().ElementAt(rankIndex);
        }
    }
​
    public class GameModel
    {
        [Required]
        public string PlayerName { get; set; }
​
        [Required]
        public decimal Stack { get; set; }
​
        [Required]
        [Range(1,40)]
        public decimal Bet { get; set; }
    }
}

@model BlackJackApp.GameModel
@{
	Layout = null;
}

<!DOCTYPE html>
<!-- template from http://getbootstrap.com/getting-started -->

<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>I'm gonna go build my own fiddle, with blackjack and hookers</title>

		<!-- CSS Includes -->
		<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
		<style>
		
			.weight {
				float: right;
				font-size: 40px;
				margin-top: 12px;
				margin-right: 12px;
			}
		
			.weight.lose {
				color:red;
			}
		
			.weight.win {
				color:green;
			}
		
			.cards {
				padding-left: 40px;
				height:122px;
			}
		
			.card {
				background: #FFF8F8;
				width: 57px;
				height: 80px;
				background-size: 100%;
				float: left;
				margin-left: -20px;
				border: 1px #DDD solid;
				border-radius: 4px;
				font-size: 29px;
				font-family: Times New Roman;

			}
		
			.card.hearts, .card.diamonds {
				color:red;
			}
		
			.card.spades, .card.clubs {
				color:black;
			}
		
			.suit {
				display: block;
				width:30px;
				height:30px;
				background:url(http://upload.wikimedia.org/wikipedia/commons/thumb/6/63/French_suits.svg/300px-French_suits.svg.png);
				background-size: 200%;
			}
		
			.card.hearts .suit {
				background-position-x: 90px;
			}
		
			.card.diamonds .suit {
				background-position-x: 61px;
				background-position-y: -31px;
			}
		
			.card.spades .suit {
				background-position-x: 63px;
			}
		
			.card.clubs .suit {
				background-position-x: 90px;
				background-position-y: 30px;
			}
		
			.card.reverse {
				background: url(http://cdn.shopify.com/s/files/1/0200/7616/products/red-back_1.png?v=1374546546);
				background-size: 100%
			}
		
			.actions {
				float:left
			}
		
			.message {
				float: right;
				font-size: 30px;
			}

			.form-group.col-md-4 {
				padding: 0;
			}

			input.input-validation-error {
				box-shadow: 0px 0px 5px #f00;
			}

			.field-validation-error {
				color: #f00;
				font-size: 12px;
				display: block;
			}

		
		</style>
	</head>
	<body>
		<div class="container">
			<div class="col-md-6 col-md-offset-3">
				<h1>Black Jack</h1>
	
				@using (Html.BeginForm())
				{
					if (String.IsNullOrEmpty(Model.PlayerName))
					{
						<div class="form-group">
							@Html.LabelFor(model => model.PlayerName)
							@Html.TextBoxFor(model => model.PlayerName, new {@class = "form-control"})
							@Html.ValidationMessageFor(model => model.PlayerName)
						</div>
						<div class="form-group col-md-4">
							@Html.LabelFor(model => model.Stack)
							@Html.TextBoxFor(model => model.Stack, new {@class = "form-control"})
							@Html.ValidationMessageFor(model => model.Stack)
						</div>
						<div class="form-group col-md-offset-1 col-md-4">
							@Html.LabelFor(model => model.Bet)
							@Html.TextBoxFor(model => model.Bet, new {@class = "form-control col-md-2"})
							@Html.ValidationMessageFor(model => model.Bet)
						</div>
						<div class="form-group col-md-4">
							<input type="submit" class="btn btn-success" value="Play" />
						</div>
					}
					else
					{

						@Html.HiddenFor(model => model.PlayerName)
						@Html.HiddenFor(model => model.Stack)
						@Html.HiddenFor(model => model.Bet)

						<div id="ai" class="cards well">
							<span class="weight">0</span>
							<div class="card reverse"></div>
						</div>
						<div class="actions">
							<button class="btn btn-success" value="Hit" id="hit">Hit</button>
							<button class="btn btn-primary" value="Stand" id="stand">Stand</button>
							<input type="submit" class="btn btn-success" value="Next Round" id="again" style="display: none;" />
						</div>
						<div class="message"></div>
						<div style="clear: both;"></div>
						<br/>
						<text>Your Cards:</text>
						<div id="player" class="cards well">
							<span class="weight">0</span>
						</div>
						<div class="stack">
							<span style="float: left">Stack: $@Model.Stack</span>
							<span style="float: right">Bet: $@Model.Bet</span>
						</div>
					}
				}	  
			</div>
		</div>

		<!-- JS includes -->
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
		<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
	  
		<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>
		<script src="http://ajax.aspnetcdn.com/ajax/mvc/4.0/jquery.validate.unobtrusive.min.js"></script>
	  
		<script type="text/javascript">
			var openCards = [];

			$(document).ready(function () {
				
				$("#hit").click(function (e) {
					$("#hit").addClass("disabled");
					e.preventDefault();
					//get card for player
					getCard("#player");
					return false;
				});

				$("#hit").addClass("disabled");
				getCard("#player");

				$("#stand").click(function (e) {
					e.preventDefault();
					$("#stand").addClass("disabled");
					$("#hit").addClass("disabled");
					//get card for player
					$("#ai").find(".card").remove();
					getCard("#ai");
					return false;
				});


				function getCard(target) {
					$.ajax({
						type: "POST",
						dataType: "json",
						contentType: 'application/json',
						url: '@Url.Action("Hit","Home")',
						data: JSON.stringify({ cards: openCards }),
						success: function (openCard) {
							openCards.push({RankId:openCard.RankId,SuitId:openCard.SuitId});
							drawCardAndRecalculate(target, openCard);
						}
					});
				}

				function drawCardAndRecalculate(id, openCard) {
					var card = $("<div/>").addClass("card").addClass(openCard.SuitDisplay.toLowerCase());
					card = card.append(openCard.RankDisplay);
					card = card.append("<span class=\"suit\"/>");
					$(id).append(card);
					if (id == "#player") {
						$("#hit").removeClass("disabled");
					}
					increaseWeight(id, openCard);
				}

				function increaseWeight(id, openCard) {
					var w = parseInt($(id).find(".weight").text());
					w = w + openCard.Weight;
					$(id).find(".weight").text(w);

					if (id == "#player") {
						if (w > 21) {
							lose(id);
						}

						if (w == 21) {

							$("#stand").click();
						}
					} else {
						if (w <= 18) {
							setTimeout(function () { getCard("#ai"); }, 1);
						} else {
							if (w > 21) {
								win();
							} else {
								//compare
								var aiW = parseInt($("#ai").find(".weight").text());
								var playerW = parseInt($("#player").find(".weight").text());
								if (playerW > aiW) win();
								else if (playerW == aiW) draw();
								else lose();
							}
						}


					}
				}

				function lose() {
					var bet = parseInt($("#Bet").val());
					var stack = parseInt($("#Stack").val());
					$("#Stack").val(stack - bet);

					$("#player").find(".weight").addClass("lose");
					$("#hit").addClass("disabled");
					$("#stand").addClass("disabled");
					$("#again").show();
					$(".message").text("You Lose!!!");
				}

				function win() {
					var bet = parseInt($("#Bet").val());
					var stack = parseInt($("#Stack").val());
					$("#Stack").val(stack + bet);

					$("#player").find(".weight").addClass("win");
					$("#hit").addClass("disabled");
					$("#stand").addClass("disabled");
					$("#again").show();
					$(".message").text("You Won!!!");
				}

				function draw() {
					$("#hit").addClass("disabled");
					$("#stand").addClass("disabled");
					$("#again").show();
					$(".message").text("Draw!!!");
				}
			});
		</script>
	</body>
</html>

View

 
@model BlackJackApp.GameModel
@{
    Layout = null;
}
​
<!DOCTYPE html>
<!-- template from http://getbootstrap.com/getting-started -->
​
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>I'm gonna go build my own fiddle, with blackjack and hookers</title>
​
        <!-- CSS Includes -->
        <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
        <style>
        
            .weight {
                float: right;
                font-size: 40px;
                margin-top: 12px;
                margin-right: 12px;
            }
        
            .weight.lose {
                color:red;
            }
        
            .weight.win {
                color:green;
            }
        
            .cards {
                padding-left: 40px;
                height:122px;
            }
        
            .card {
                background: #FFF8F8;
                width: 57px;
                height: 80px;
                background-size: 100%;
                float: left;
                margin-left: -20px;
                border: 1px #DDD solid;
                border-radius: 4px;
                font-size: 29px;
                font-family: Times New Roman;
​
            }
        
            .card.hearts, .card.diamonds {
                color:red;
            }
        
            .card.spades, .card.clubs {
                color:black;
            }
        
            .suit {
                display: block;
                width:30px;
                height:30px;
                background:url(http://upload.wikimedia.org/wikipedia/commons/thumb/6/63/French_suits.svg/300px-French_suits.svg.png);
                background-size: 200%;
            }
        
            .card.hearts .suit {
                background-position-x: 90px;
            }
        
            .card.diamonds .suit {
                background-position-x: 61px;
                background-position-y: -31px;
            }
        
            .card.spades .suit {
                background-position-x: 63px;
            }
        
            .card.clubs .suit {
                background-position-x: 90px;
                background-position-y: 30px;
            }
        
            .card.reverse {
                background: url(http://cdn.shopify.com/s/files/1/0200/7616/products/red-back_1.png?v=1374546546);
                background-size: 100%
            }
        
            .actions {
                float:left
            }
        
            .message {
                float: right;
                font-size: 30px;
            }
​
            .form-group.col-md-4 {
                padding: 0;
            }
​
            input.input-validation-error {
                box-shadow: 0px 0px 5px #f00;
            }
​
            .field-validation-error {
                color: #f00;
                font-size: 12px;
                display: block;
            }
​
        
        </style>
    </head>
    <body>
        <div class="container">
            <div class="col-md-6 col-md-offset-3">
                <h1>Black Jack</h1>
    
                @using (Html.BeginForm())
                {
                    if (String.IsNullOrEmpty(Model.PlayerName))
                    {
                        <div class="form-group">
                            @Html.LabelFor(model => model.PlayerName)
                            @Html.TextBoxFor(model => model.PlayerName, new {@class = "form-control"})
                            @Html.ValidationMessageFor(model => model.PlayerName)
                        </div>
                        <div class="form-group col-md-4">
                            @Html.LabelFor(model => model.Stack)
                            @Html.TextBoxFor(model => model.Stack, new {@class = "form-control"})
                            @Html.ValidationMessageFor(model => model.Stack)
                        </div>
                        <div class="form-group col-md-offset-1 col-md-4">
                            @Html.LabelFor(model => model.Bet)
                            @Html.TextBoxFor(model => model.Bet, new {@class = "form-control col-md-2"})
                            @Html.ValidationMessageFor(model => model.Bet)
                        </div>
                        <div class="form-group col-md-4">
                            <input type="submit" class="btn btn-success" value="Play" />
                        </div>
                    }
                    else
                    {
​
                        @Html.HiddenFor(model => model.PlayerName)
                        @Html.HiddenFor(model => model.Stack)
                        @Html.HiddenFor(model => model.Bet)
​
                        <div id="ai" class="cards well">
                            <span class="weight">0</span>
                            <div class="card reverse"></div>
                        </div>
                        <div class="actions">
                            <button class="btn btn-success" value="Hit" id="hit">Hit</button>
                            <button class="btn btn-primary" value="Stand" id="stand">Stand</button>
                            <input type="submit" class="btn btn-success" value="Next Round" id="again" style="display: none;" />
                        </div>
                        <div class="message"></div>
                        <div style="clear: both;"></div>
                        <br/>
                        <text>Your Cards:</text>
                        <div id="player" class="cards well">
                            <span class="weight">0</span>
                        </div>
                        <div class="stack">
                            <span style="float: left">Stack: $@Model.Stack</span>
                            <span style="float: right">Bet: $@Model.Bet</span>
                        </div>
                    }
                }     
            </div>
        </div>
​
        <!-- JS includes -->
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
        <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
      
        <script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>
        <script src="http://ajax.aspnetcdn.com/ajax/mvc/4.0/jquery.validate.unobtrusive.min.js"></script>
      
        <script type="text/javascript">
            var openCards = [];
​
            $(document).ready(function () {
                
                $("#hit").click(function (e) {
                    $("#hit").addClass("disabled");
                    e.preventDefault();
                    //get card for player
                    getCard("#player");
                    return false;
                });
​
                $("#hit").addClass("disabled");
                getCard("#player");
​
                $("#stand").click(function (e) {
                    e.preventDefault();
                    $("#stand").addClass("disabled");
                    $("#hit").addClass("disabled");
                    //get card for player
                    $("#ai").find(".card").remove();
                    getCard("#ai");
                    return false;
                });
​
​
                function getCard(target) {
                    $.ajax({
                        type: "POST",
                        dataType: "json",
                        contentType: 'application/json',
                        url: '@Url.Action("Hit","Home")',
                        data: JSON.stringify({ cards: openCards }),
                        success: function (openCard) {
                            openCards.push({RankId:openCard.RankId,SuitId:openCard.SuitId});
                            drawCardAndRecalculate(target, openCard);
                        }
                    });
                }
​
                function drawCardAndRecalculate(id, openCard) {
                    var card = $("<div/>").addClass("card").addClass(openCard.SuitDisplay.toLowerCase());
                    card = card.append(openCard.RankDisplay);
                    card = card.append("<span class=\"suit\"/>");
                    $(id).append(card);
                    if (id == "#player") {
                        $("#hit").removeClass("disabled");
                    }
                    increaseWeight(id, openCard);
                }
​
                function increaseWeight(id, openCard) {
                    var w = parseInt($(id).find(".weight").text());
                    w = w + openCard.Weight;
                    $(id).find(".weight").text(w);
​
                    if (id == "#player") {
                        if (w > 21) {
                            lose(id);
                        }
​
                        if (w == 21) {
​
                            $("#stand").click();
                        }
                    } else {
                        if (w <= 18) {
                            setTimeout(function () { getCard("#ai"); }, 1);
                        } else {
                            if (w > 21) {
                                win();
                            } else {
                                //compare
                                var aiW = parseInt($("#ai").find(".weight").text());
                                var playerW = parseInt($("#player").find(".weight").text());
                                if (playerW > aiW) win();
                                else if (playerW == aiW) draw();
                                else lose();
                            }
                        }
​
​
                    }
                }
​
                function lose() {
                    var bet = parseInt($("#Bet").val());
                    var stack = parseInt($("#Stack").val());
                    $("#Stack").val(stack - bet);
​
                    $("#player").find(".weight").addClass("lose");
                    $("#hit").addClass("disabled");
                    $("#stand").addClass("disabled");
                    $("#again").show();
                    $(".message").text("You Lose!!!");
                }
​
                function win() {
                    var bet = parseInt($("#Bet").val());
                    var stack = parseInt($("#Stack").val());
                    $("#Stack").val(stack + bet);
​
                    $("#player").find(".weight").addClass("win");
                    $("#hit").addClass("disabled");
                    $("#stand").addClass("disabled");
                    $("#again").show();
                    $(".message").text("You Won!!!");
                }
​
                function draw() {
                    $("#hit").addClass("disabled");
                    $("#stand").addClass("disabled");
                    $("#again").show();
                    $(".message").text("Draw!!!");
                }
            });
        </script>
    </body>
</html>
​

using System;
using System.Linq;
using System.Web.Mvc;
using System.Collections.Generic;

namespace BlackJackApp
{
	public class HomeController : Controller
	{
		[HttpGet]
		public ActionResult Index()
		{
			var model = new GameModel();
			model.Stack = 100;
			return View(model);
		}

		[HttpPost]
		public ActionResult Index(GameModel model)
		{
			return View(model);
		}

		private static Random _rnd = new Random();

		[HttpPost]
		public JsonResult Hit(List<GameHitModel> cards)
		{
			var model = new GameHitModel(_rnd);

			if (cards != null)
			{
				while (cards.Any(c => c.SuitId == model.SuitId && c.RankId == model.RankId))
				{
					model = new GameHitModel(_rnd);
				}
			}

			return Json(model);
		}
	}
}

Controller

 
using System;
using System.Linq;
using System.Web.Mvc;
using System.Collections.Generic;
​
namespace BlackJackApp
{
    public class HomeController : Controller
    {
        [HttpGet]
        public ActionResult Index()
        {
            var model = new GameModel();
            model.Stack = 100;
            return View(model);
        }
​
        [HttpPost]
        public ActionResult Index(GameModel model)
        {
            return View(model);
        }
​
        private static Random _rnd = new Random();
​
        [HttpPost]
        public JsonResult Hit(List<GameHitModel> cards)
        {
            var model = new GameHitModel(_rnd);
​
            if (cards != null)
            {
                while (cards.Any(c => c.SuitId == model.SuitId && c.RankId == model.RankId))
                {
                    model = new GameHitModel(_rnd);
                }
            }
​
            return Json(model);
        }
    }
}

View in Full Screen

View IL Code