Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
    <title>CSCI E-3 Unit 3 Project, Part A - Jerald Dana Cole</title>
    <link rel="stylesheet" href="css/cscie3.css">
</head>
  
<body>
    <h1>Unit 3 Project A: Jerald Dana Cole</h1>
    <p>The DIV that will serve as your input (and output) is here:
​
<div id="HEStext">It’s that time of year when you clean out your closets, dust off shelves, and spruce up your floors. Once you’ve taken care of the dust and dirt, what about some digital cleaning? Going through all your files and computers may seem like a daunting task, but we found ways to make the process fairly painless.
</div>
  <p></p>
  <input type="button" id="transformButton" name="transformButton" value="Transform!" />
</body>
</html>
 
#transcriptText{
    padding: 1em;
    border: 1px solid #ccc;
    color: rgb(65, 65, 65); 
    font-family: Georgia, 'Times New Roman', Times, serif; 
    font-size: 16px; 
    line-height: 28px;
}
​
.button {
    text-indent: 0;
    border: 1px solid #eda933;
    display: inline-block;
    color: #ffffff;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    height :65px;
    width: 
    line-height: 65px;
    padding: .5 em;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #cd8a15;
    background-color: #f6b33d;
}
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers