stormsweeper/index.html

## index.html
<!DOCTYPE html>
<html>
    <head>
        <title>Kim and Kanye Madlibs</title>
    </head>
    <body>
  <div class="box">
   <input class="condition" placeholder="A Medical Condition">
    <button class="btn1">Click</button>

    <input class="adjective1" placeholder="Adjective">
    <button class="btn2">Click</button>

  </div>

  <div class="kanye">
    <h1>Kim Kardashian and Kanye West Are Not Divorcing, Says Insider </h1>

    <p>In the wake of Kanye West’s hospitalization
      for <span class="conditionVal"><em>____(a medical condition)_____</em></span>
      and sleep deprivation last month, all kinds of extreme and
      <span class="adjective1Val">____(adjective)_____</span> rumors have
      reared their ugly heads, including some claiming Kim Kardashian
      and her <span class="noun1Val">____(noun)_____</span> are headed for
      <span class="badSitVal">____(a bad situation)_____</span>. But don’t fret!
      According to some reliable sources, that is all just hearsay.</p>

    <p>According to insiders with TMZ, the couple has no plans to
      <span class="verb1Val">____(verb)_____</span> and are reportedly
      closer since his time in the <span class="placeVal">____(a place)_____</span>.
      They added that he’s able to start working again but is not taking on big,
      demanding projects.</p>

    <p>Not convinced that the power couple is returning to normalcy?
      Word has it Kim and her hubby <span class="verb2Val">____(verb)_____</span>
      a friend’s house on Tuesday (Dec. 6, 2016) for dinner, a first since he returned
      home.</p>

  </div>
    </body>
</html>

## popcode.json
{"enabledLibraries":["jquery"]}

## script.js
// Welcome to Kayne and Kim MadLibs!
// This game allows you to plug in certain parts of speech to a story depending on what the user types in.

//Directions: Create an input field and button for each part of speach in the story
//The first blank in this story is already completed for you. The value of what the user types in will be plugged into the story below. Try it out! Then use it as a guide when moving through this project

var a;

$(".btn1").click(function(){
   a = $(".condition").val();
    console.log(a);
  $(".conditionVal").html(a);
});


## styles.css
input {
  height: 30px;
  padding: 5px;
  font-size: 28px;
}

button {
  padding: 5px;
  height: 43px;
  vertical-align: top;
  background-color: lightblue;
  width: 75px;
  color: red;
  font-size: 25px;
  border: solid 1px black;
}

span {
  color:red;
}
	<!DOCTYPE html>
	<html>
	<head>
	<title>Kim and Kanye Madlibs</title>
	</head>
	<body>
	<div class="box">
	<input class="condition" placeholder="A Medical Condition">
	<button class="btn1">Click</button>

	<input class="adjective1" placeholder="Adjective">
	<button class="btn2">Click</button>

	</div>

	<div class="kanye">
	<h1>Kim Kardashian and Kanye West Are Not Divorcing, Says Insider </h1>

	<p>In the wake of Kanye West’s hospitalization
	for <span class="conditionVal"><em>____(a medical condition)_____</em></span>
	and sleep deprivation last month, all kinds of extreme and
	<span class="adjective1Val">____(adjective)_____</span> rumors have
	reared their ugly heads, including some claiming Kim Kardashian
	and her <span class="noun1Val">____(noun)_____</span> are headed for
	<span class="badSitVal">____(a bad situation)_____</span>. But don’t fret!
	According to some reliable sources, that is all just hearsay.</p>

	<p>According to insiders with TMZ, the couple has no plans to
	<span class="verb1Val">____(verb)_____</span> and are reportedly
	closer since his time in the <span class="placeVal">____(a place)_____</span>.
	They added that he’s able to start working again but is not taking on big,
	demanding projects.</p>

	<p>Not convinced that the power couple is returning to normalcy?
	Word has it Kim and her hubby <span class="verb2Val">____(verb)_____</span>
	a friend’s house on Tuesday (Dec. 6, 2016) for dinner, a first since he returned
	home.</p>

	</div>
	</body>
	</html>
	// Welcome to Kayne and Kim MadLibs!
	// This game allows you to plug in certain parts of speech to a story depending on what the user types in.

	//Directions: Create an input field and button for each part of speach in the story
	//The first blank in this story is already completed for you. The value of what the user types in will be plugged into the story below. Try it out! Then use it as a guide when moving through this project

	var a;

	$(".btn1").click(function(){
	a = $(".condition").val();
	console.log(a);
	$(".conditionVal").html(a);
	});
	input {
	height: 30px;
	padding: 5px;
	font-size: 28px;
	}

	button {
	padding: 5px;
	height: 43px;
	vertical-align: top;
	background-color: lightblue;
	width: 75px;
	color: red;
	font-size: 25px;
	border: solid 1px black;
	}

	span {
	color:red;
	}