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