side project fastreader

In this example below you will see how to do a side project fastreader with some HTML / CSS and Javascript

Thumbnail
This awesome code was written by ergofoxy, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright ergofoxy ©
  • HTML
  • CSS
  • JavaScript
    <h2>Start reading faster with little help ^_^</h2>
<form>
  <label for="inputText">Your text goes here:</label><br>
  <textarea id="textId" class="inputText" type="text" value="Insert your text here..." name="inputText" rows="10" cols="60"> </textarea>
  <br>
  
  
  <label for="speed">Speed:</label>
  <input type="range" name"speed" min="100" max="500">
</form>
  <button  id="start" type ="submit" name="start">Start</button>
  <button  id="stop" name="stop">Stop</button>
<div id="screen">
  bla bla bla
</div>


/*Downloaded from https://www.codeseek.co/ergofoxy/side-project-fastreader-WONbjo */
    body {
  text-align: center;
}
#screen {
padding: 20px;
}


/*Downloaded from https://www.codeseek.co/ergofoxy/side-project-fastreader-WONbjo */
    var text = "The World Fantasy Award-Long Fiction is given each year for fantasy stories published in English. The World Fantasy Awards are given each year by the World Fantasy Convention for the best fantasy fiction published in English during the previous calendar year. A work of fiction is eligible for the category if it is between 10,000 and 40,000 words in length; awards are also given out for longer pieces in the Novel category and shorter lengths in the Short Fiction category. The Long Fiction category has been awarded annually since 1982, though between 1975—when the World Fantasy Awards were instated—and 1982 the short fiction category covered works of up to 40,000 words. In 2016, the name of the category was changed from Best Novella to Long Fiction. During the 35 nomination years, 124 authors have had works nominated; 36 of them have won, including ties and co-authors. Only four authors have won more than once: Elizabeth Hand, with three wins out of eight nominations; Richard Bowes, with two wins out of three nominations; and K. J. Parker, who also won twice out of three nominations. Of authors who have won at least once, Hand has the most nominations, followed by George R. R. Martin at five and Ursula K. Le Guin at four.";


var newArr = text.split(' ');

var wpm = 500;
var x =0;
/* setInterval(function(){
  if(x < newArr.length) {
    document.getElementById("screen").innerHTML = newArr[x];
    console.log(newArr[x]);
  } else return;
  x++;
}, 500);  */
function ready() {
function goThrough () {
  if(x<newArr.length) 
    document.getElementById("screen").innerHTML = newArr[x];
    else return;
    x++;
  
}
setInterval(goThrough, wpm)
}

$(document).ready(function() {
  $('#start').click(ready);
  $('#stop').click($("#screen").stop());
  
});

Comments