HuangStanley050/index.html

## index.html
<head>
<title>Random Quote generator</title>
</head>

<body>

  <h1>This site generate a random quote</h1>
  <br>
  <br>
  <input type="button" class="button" onclick="upDate_quote()" value="Generate">

  <input type="button" class="button" value="Tweet" onclick="sendToTweet()">

  <div id="test" class="center">
    <h2>This is the place where quote will show</h2>

  </div>


</body>


## random-quote-page.markdown

      
    Raw
  

              random-quote-page.markdown
            
          
    Random Quote page

A Pen by VenomSnake on CodePen.
License.

  
## script.js
var quotes = new Object();
quotes["1"] = "If you sit back & spend too much time feeling good about what you did in the past, you're going to come up short next time ~ Bill Belichick";

quotes["2"] = "Talent sets the floor, character sets the ceiling ~ Bill Belichick";

quotes["3"] = "I can accept failure, everyone fails at something. But I can't accept not trying ~Michael Jordan";

quotes["4"] = "I can accept failure, everyone fails at something. But I can't accept not trying ~Tom Brady";

quotes["5"] = "You're better than you look. Try harder. ~Ken Masters";

var quote_id;
var str_head="<h2>";
var str_end="</h2>";
var exp="";


function upDate_quote() {
  quote_id = Math.floor(Math.random() * 5) + 1;
  exp = quotes[quote_id];
  document.getElementById("test").innerHTML= str_head+exp+str_end;


}


function sendToTweet() {

  window.open('https://twitter.com/intent/tweet?hashtags= freecodecamp&text='   + encodeURIComponent(exp));

}


## style.css
h1 {
  font-family: arial;
  font-style: italic;
}

h2 {
  font-family: courier;
}

body {
  background-color: lightblue;

}

.button {
    background-color: blue; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
    cursor: pointer;
}

.button:active {
  transform: translateY(5px);
}

.center{
    position:absolute;
    height: X px;
    width: Y px;
    left:50%;
    top:50%;
    margin-top:- X/2 px;
    margin-left:- Y/2 px;
}
	<head>
	<title>Random Quote generator</title>
	</head>

	<body>

	<h1>This site generate a random quote</h1>
	<br>
	<br>
	<input type="button" class="button" onclick="upDate_quote()" value="Generate">

	<input type="button" class="button" value="Tweet" onclick="sendToTweet()">

	<div id="test" class="center">
	<h2>This is the place where quote will show</h2>

	</div>







	</body>
	var quotes = new Object();
	quotes["1"] = "If you sit back & spend too much time feeling good about what you did in the past, you're going to come up short next time ~ Bill Belichick";

	quotes["2"] = "Talent sets the floor, character sets the ceiling ~ Bill Belichick";

	quotes["3"] = "I can accept failure, everyone fails at something. But I can't accept not trying ~Michael Jordan";

	quotes["4"] = "I can accept failure, everyone fails at something. But I can't accept not trying ~Tom Brady";

	quotes["5"] = "You're better than you look. Try harder. ~Ken Masters";

	var quote_id;
	var str_head="<h2>";
	var str_end="</h2>";
	var exp="";


	function upDate_quote() {
	quote_id = Math.floor(Math.random() * 5) + 1;
	exp = quotes[quote_id];
	document.getElementById("test").innerHTML= str_head+exp+str_end;


	}



	function sendToTweet() {

	window.open('https://twitter.com/intent/tweet?hashtags= freecodecamp&text=' + encodeURIComponent(exp));

	}
	h1 {
	font-family: arial;
	font-style: italic;
	}

	h2 {
	font-family: courier;
	}

	body {
	background-color: lightblue;

	}

	.button {
	background-color: blue; /* Green */
	border: none;
	color: white;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 20px;
	cursor: pointer;
	}

	.button:active {
	transform: translateY(5px);
	}

	.center{
	position:absolute;
	height: X px;
	width: Y px;
	left:50%;
	top:50%;
	margin-top:- X/2 px;
	margin-left:- Y/2 px;
	}