cferdinandi/README.md

## README.md

      
    Raw
  

              README.md
            
          
    Project Details

Write a script that can be used to show/hide content (like the #pirate-speak element in the template) when users click a button.
Considerations


Should the button be part of the initial markup, or created with JavaScript?
How would someone using a screen reader know what content goes with the button?

Need help?

This project is part of the DOM Manipulation pocket guide and video course.

  
## index.html
<!DOCTYPE html>
<html>
<head>
	<title>Project Template</title>

	<style type="text/css">
		body {
			margin-left: auto;
			margin-right: auto;
			max-width: 40em;
			width: 88%;
		}
	</style>
</head>
<body>

	<div id="pirate-speak">
		Hands Letter of Marque chantey man-of-war spanker. Barbary Coast take a caulk rutters cog line. Splice the main brace chantey port parrel careen.
	</div>

	<script>
		// Project code...
	</script>

</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<title>Project Template</title>

	<style type="text/css">
	body {
	margin-left: auto;
	margin-right: auto;
	max-width: 40em;
	width: 88%;
	}
	</style>
	</head>
	<body>

	<div id="pirate-speak">
	Hands Letter of Marque chantey man-of-war spanker. Barbary Coast take a caulk rutters cog line. Splice the main brace chantey port parrel careen.
	</div>

	<script>
	// Project code...
	</script>

	</body>
	</html>