en brail

window.addEventListener('load', function() {

    // Наш текст брайля
    let box1 = document.getElementById('brail');
    // Точка начала движения
    let startx = 0;

    box1.addEventListener('touchstart', function(event) {
        var touchobj = event.changedTouches[0];
        startx = parseInt(touchobj.clientX);
        event.preventDefault();
    }, false)

    box1.addEventListener('touchend', function(event) {
        // объект, в котором содержаться координаты первого касания
        var touchobj = event.changedTouches[0];

        // подборка значений координаты x (зависит от длины исходного блока (текста))
        if (
            (startx - 30 <= startx && startx <= startx + 30)
            && (startx + 210 <= touchobj.clientX && touchobj.clientX <= startx + 250)
        ) {
            box1.textContent = "ответ на задание";
        }

        event.preventDefault();
    }, false);
}, false);