rmanalan · October 5, 2020 21:00
diff --git a/feature-flag-example.html b/feature-flag-example.html
 <!DOCTYPE html>
 <html>
  <head>
    <script src="https://unpkg.com/[email protected]/dist/ldclient.min.js"></script>
  </head>
  <body>
    <h1>Hello World!</h1>
    <p>
      My first feature flag is <b><span id="flag"></span></b>
    </p>      
  </body>
  <script>
    // User is anonymous, but will be uniquely identified
    // so that subsequent visits obtain the same flag variation
    var user = { anonymous: true };
    // Obtain a client-side ID from https://app.launchdarkly.com/settings/projects
    var ldclient = window.LDClient.initialize("<client-side-ID>", user);
    
    // Wait for client to initialize, before checking flag variations
    ldclient.on("ready", function() {
      document.getElementById("flag").innerHTML = ldclient.variation("my-first-flag", false);      
    });
    
    // Listen for changes to the flag. Update in realtime when it changes.
    ldclient.on("change:my-first-flag", function(newVal, prevVal) {
      document.getElementById("flag").innerHTML = newVal;
    });

  </script>
 </html>
	<!DOCTYPE html>
	<html>
	<head>
	<script src="https://unpkg.com/[email protected]/dist/ldclient.min.js"></script>
	</head>
	<body>
	<h1>Hello World!</h1>
	<p>
	My first feature flag is <b><span id="flag"></span></b>
	</p>
	</body>
	<script>
	// User is anonymous, but will be uniquely identified
	// so that subsequent visits obtain the same flag variation
	var user = { anonymous: true };
	// Obtain a client-side ID from https://app.launchdarkly.com/settings/projects
	var ldclient = window.LDClient.initialize("<client-side-ID>", user);

	// Wait for client to initialize, before checking flag variations
	ldclient.on("ready", function() {
	document.getElementById("flag").innerHTML = ldclient.variation("my-first-flag", false);
	});

	// Listen for changes to the flag. Update in realtime when it changes.
	ldclient.on("change:my-first-flag", function(newVal, prevVal) {
	document.getElementById("flag").innerHTML = newVal;
	});

	</script>
	</html>