Keberson,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
#id1 span{
color: red;
}
</style>
<script>
var str = "";
function getSelectedText() {
var text = window.getSelection().toString();
if(text && text.trim()){
id1.innerHTML =`${str}<span>${text}</span>`
str += text;
}
}
</script>
</head>
<body>
<header>
Набор предложений: оаоаоаоааоаоаоа
<button id="button" onclick="getSelectedText()">Запуск JS скрипта</button>
<div id="id1"></div>
</header>
</body>
</html>