MBlore/Proxy.html

## Proxy.html
<!DOCTYPE html>
<html>
  <body>
    <h1 id="cnt">0</h1>

    <script type="text/javascript">
      const state = {
        count: 0
      }

      const handler = {
        set(obj, prop, newval) {
          if (prop === "count") {
            document.getElementById("cnt").innerText = newval;
            obj[prop] = newval;
          }
        }
      };

      const proxyState = new Proxy(state, handler);

      setInterval(function() {
        // This is the only code running every second, but the view is updating! :O
        proxyState.count += 1;
      }, 1000);

    </script>
  </body>
</html>
	<!DOCTYPE html>
	<html>
	<body>
	<h1 id="cnt">0</h1>

	<script type="text/javascript">
	const state = {
	count: 0
	}

	const handler = {
	set(obj, prop, newval) {
	if (prop === "count") {
	document.getElementById("cnt").innerText = newval;
	obj[prop] = newval;
	}
	}
	};

	const proxyState = new Proxy(state, handler);

	setInterval(function() {
	// This is the only code running every second, but the view is updating! :O
	proxyState.count += 1;
	}, 1000);

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