fahdi/change-me-on-click.markdown

## change-me-on-click.markdown

      
    Raw
  

              change-me-on-click.markdown
            
          
    Change Me on Click

A Pen by Fahad Murtaza on CodePen.
License.

  
## index.html
<html>

<head>
</head>

<body>
  <div id="message">I love you!</div>
  <button type="button" onclick="myResponse()">Respond</button>
</body>

</html>

## script.js
function myResponse() {
  document.getElementById("message").innerHTML = "It's not you, it's me!";
}

## style.css
#message {
  padding: 20px 0 20px 0;
  font-size: 200%;
}
	<html>

	<head>
	</head>

	<body>
	<div id="message">I love you!</div>
	<button type="button" onclick="myResponse()">Respond</button>
	</body>

	</html>
	function myResponse() {
	document.getElementById("message").innerHTML = "It's not you, it's me!";
	}