Programmatic Text Selection and Range Manipulation

// Assume an element with some text
// <p id="targetText">This is some example text to demonstrate selection.</p>

const targetElement = document.getElementById('targetText');

if (targetElement) {
    // 1. Get the current user selection
    const selection = window.getSelection();
    console.log('Current user selection:', selection.toString());

    // 2. Programmatically select a specific part of the text
    const range = document.createRange();
    range.selectNodeContents(targetElement); // Select all text in the element
    // Or to select a specific portion:
    // range.setStart(targetElement.firstChild, 8); // Start after "is some "
    // range.setEnd(targetElement.firstChild, 15); // End before " example"

    selection.removeAllRanges(); // Clear any existing selection
    selection.addRange(range); // Add the new range to the selection

    console.log('Programmatically selected text:', selection.toString());

    // 3. Highlight the selected text (requires CSS)
    // You'd typically wrap the selected text in a <span> with a highlight class
    // Example (conceptual, actual implementation can be complex for arbitrary ranges):
    // const selectedTextNode = range.extractContents();
    // const span = document.createElement('span');
    // span.style.backgroundColor = 'yellow';
    // span.appendChild(selectedTextNode);
    // range.insertNode(span);

} else {
    console.error('Target element #targetText not found.');
}