C# Online Compiler | .NET Fiddle

<no name> by Anonymous

using System;
using System.ComponentModel.DataAnnotations;

namespace HelloWorldMvcApp
{
	public class SampleViewModel
	{		//See here for list of answers
		public string Answer { get; set; }
	}
}

Model

​x
 
using System;
using System.ComponentModel.DataAnnotations;
​
namespace HelloWorldMvcApp
{
    public class SampleViewModel
    {       //See here for list of answers
        public string Answer { get; set; }
    }
}

@model HelloWorldMvcApp.SampleViewModel
@{
	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>Bootstrap 101 Template</title>

		<!-- CSS Includes -->
		<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
		
		<style type="text/css">

			.field-validation-error {
				color: #ff0000;
			}

		</style>
	</head>
	
	<body>
		<div class="container">
			<div class="col-md-6 col-md-offset-3">
					
				@using (Html.BeginForm("PostAnswer", "Home", FormMethod.Post))
				{
					<input id="questionToSubmit" type="hidden" name="question"/>
					<input type="text" id="questionDisplay" value="<div>test</div>" />
				
					<button type="submit" class="btn btn-success submit">Ask</button>
				}				
			</div>
		</div>
		<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
		<script>			
			$(function(){
				$("#questionDisplay").on("keydown", function(event){ encodeMe(event.target); });
			});
			
			function encodeMe(element){
				console.log("changed");
				var value = $("#questionDisplay").val();
				var encoded = encodeURIComponent(value);
				console.log(encoded);
				$("#questionToSubmit").val(encoded);
			}
		</script>
	</body>
</html>

View

 
@model HelloWorldMvcApp.SampleViewModel
@{
    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>Bootstrap 101 Template</title>
​
        <!-- CSS Includes -->
        <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
        
        <style type="text/css">
​
            .field-validation-error {
                color: #ff0000;
            }
​
        </style>
    </head>
    
    <body>
        <div class="container">
            <div class="col-md-6 col-md-offset-3">
                    
                @using (Html.BeginForm("PostAnswer", "Home", FormMethod.Post))
                {
                    <input id="questionToSubmit" type="hidden" name="question"/>
                    <input type="text" id="questionDisplay" value="<div>test</div>" />
                
                    <button type="submit" class="btn btn-success submit">Ask</button>
                }               
            </div>
        </div>
        <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
        <script>            
            $(function(){
                $("#questionDisplay").on("keydown", function(event){ encodeMe(event.target); });
            });
            
            function encodeMe(element){
                console.log("changed");
                var value = $("#questionDisplay").val();
                var encoded = encodeURIComponent(value);
                console.log(encoded);
                $("#questionToSubmit").val(encoded);
            }
        </script>
    </body>
</html>
​

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

namespace HelloWorldMvcApp
{
	public class HomeController : Controller
	{
		[HttpGet]
		public ActionResult Index()
		{
			return View(new SampleViewModel());
		}


		[HttpPost]
		public JsonResult PostAnswer(string question)
		{
			return Json(question);
		}
	}
}

Controller

 
using System;
using System.Web.Mvc;
using System.Collections.Generic;
​
namespace HelloWorldMvcApp
{
    public class HomeController : Controller
    {
        [HttpGet]
        public ActionResult Index()
        {
            return View(new SampleViewModel());
        }
​
​
        [HttpPost]
        public JsonResult PostAnswer(string question)
        {
            return Json(question);
        }
    }
}

View in Full Screen

Welcome To the Computer Systems Quiz
Enter the letter of the correct answer...

Question 1: What does buses do?
A. Transport data between the components inside the processer and the memory
B. Store data between components
C. Link the parts on the motherboard together

Last Run:	5:57:09 pm
Compile:	0.218s
Execute:	0s
Memory:	40kb
CPU:	0.016s

View IL Code