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>
 
// Project 3A
// Jerald Dana Cole
​
var HEStext = document.getElementById("HEStext");
var transformBtn = document.getElementById("transformButton");
​
transformBtn.addEventListener('click', function() {
  var wordArray = HEStext.innerText.split(" ");
  HEStext.innerHTML = "";
  for (var i = 0; i < wordArray.length; i++) {
    var spanNode = document.createElement("span");
    spanNode.appendChild(document.createTextNode(wordArray[i]));
    HEStext.appendChild(spanNode);
    HEStext.appendChild(document.createTextNode(' ')); 
  }
});
​
Output

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers