JSFiddle - React, Tailwind, and code Playground

by shivaay123

HTML

<!DOCTYPE html>
<html>
	<head>
		<title>Dictionary in Javascript</title>
	</head>
	<body style="text-align: center;">
		<h1>
			Dictionary in Javascript
		</h1>
		<p>
			var dict = { <br />
			"key_1" : 1 , <br />
			"key_2" : "2", <br />
			"key_3" : 3 <br />
			}; <br />
		</p>


		<button onClick="funcn()">
			Add new Key-Value Pairs
		</button>

		<p id="demo"></p>


		<!-- Script to create dictionary
				and add key-value pairs -->
		<script>
			function funcn() {
				var dict = {
					key_1: 1,
					key_2: "2",
					key_3: 3,
				};

				dict.new_key = "new_value";
				dict["another_new_key"] =
				"another_value";

				var to_show = "var dict = { <br>";

				for (var key in dict) {
					to_show += '"' + key + '" : '
					+ dict[key] + "<br>";
				}

				to_show += " }; <br>";

				document.getElementById("demo")
				.innerHTML = to_show;
			}
		</script>
	</body>
</html>