blabos-zz/hello.html

## hello.html
<!DOCTYPE html>
<html>
  <head>
    <title>Hello World</title>
    <script>
    document.addEventListener("DOMContentLoaded", function() {
      var button;
      button = document.getElementById("blue");
      button.onclick = function() {
        change_color('blue');
      };

      button = document.getElementById("red");
      button.onclick = function() {
        change_color('red');
      };

      function change_color(color) {
        var elem = document.getElementById("paragraph");
        elem.style.color = color;
      }
    });
    </script>
  </head>
  <body>
    <p id="paragraph">Hello World</p>
    <button id="blue">blue</button>
    <button id="red">red</button>
  </body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<title>Hello World</title>
	<script>
	document.addEventListener("DOMContentLoaded", function() {
	var button;
	button = document.getElementById("blue");
	button.onclick = function() {
	change_color('blue');
	};

	button = document.getElementById("red");
	button.onclick = function() {
	change_color('red');
	};

	function change_color(color) {
	var elem = document.getElementById("paragraph");
	elem.style.color = color;
	}
	});
	</script>
	</head>
	<body>
	<p id="paragraph">Hello World</p>
	<button id="blue">blue</button>
	<button id="red">red</button>
	</body>
	</html>