BionicReadingMode.js

BionicReadingMode.js

function generateReadMode(words, element) {
  element.innerHTML = words
    .split(" ")
    .map(w => `<b>${w.split("").slice(0, Math.ceil(w.length / 2)).join("")}</b>${w.split("").slice(Math.ceil(w.length / 2), w.length).join("")} `)
    .join(" ");
}

const text = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sodales, dolor eu rhoncus varius, orci lacus dictum eros, sed sodales nunc ante quis dolor. Donec eleifend faucibus ex. Curabitur justo nibh, dignissim sit amet malesuada sed, lacinia cursus elit. Etiam ut sapien a nisi porttitor sagittis id nec dui. Etiam tortor sapien, ultrices porta lacus ut, molestie maximus tortor. Vestibulum vehicula lectus sed tincidunt rutrum. Suspendisse magna eros, porttitor eu dui ut, rutrum iaculis augue. Etiam fringilla lacinia mauris, nec blandit nibh viverra sed. Phasellus sit amet purus eu ante convallis posuere.';
const element = document.querySelector('.normal-text');
generateReadMode(text, element)