Чтобы нарисовать линию в JavaScript, вы можете использовать различные методы и приемы. Вот несколько подходов:

1. Использование HTML Canvas.
   HTML Canvas предоставляет мощный API для рисования графики, включая линии. Вы можете создать элемент холста в своей HTML-разметке, а затем использовать JavaScript, чтобы нарисовать на нем линию. Вот пример:

   <canvas id="myCanvas"></canvas>

   const canvas = document.getElementById('myCanvas');
   const context = canvas.getContext('2d');
   context.beginPath();
   context.moveTo(0, 0);   // Starting point
   context.lineTo(200, 200);   // Ending point
   context.stroke();

2. Использование SVG:
   Масштабируемая векторная графика (SVG) — это еще один способ рисования линий в JavaScript. Вы можете создать элемент SVG в своем HTML, а затем манипулировать его атрибутами с помощью JavaScript. Вот пример:

   <svg id="mySvg" width="400" height="400"></svg>

   const svg = document.getElementById('mySvg');
   const line = document.createElementNS("http://www.w3.org/2000/svg", "line");
   line.setAttribute("x1", "0");
   line.setAttribute("y1", "0");
   line.setAttribute("x2", "200");
   line.setAttribute("y2", "200");
   line.setAttribute("stroke", "black");
   svg.appendChild(line);

3. Использование границ CSS.
   Вы также можете нарисовать линию, создав элемент CSS с рамкой. Вот пример:

   <div id="myLine"></div>

   const line = document.getElementById('myLine');
   line.style.borderTop = '1px solid black';

4. Использование сторонних библиотек.
   Существует несколько библиотек JavaScript, которые упрощают рисование линий и других фигур. Некоторые популярные библиотеки включают D3.js, Paper.js и Fabric.js. Вы можете изучить эти библиотеки и их документацию для получения более продвинутых возможностей рисования.