JSFiddle - React, Tailwind, and code Playground
HTML
<div id="msg"></div>
JavaScript
var $msg = $('#msg');
function line(x0, y0, x1, y1) {
var dx = Math.abs(x1 - x0);
var dy = Math.abs(y1 - y0);
var sx = (x0 < x1) ? 1 : -1;
var sy = (y0 < y1) ? 1 : -1;
var err = dx - dy;
//safety
var count = 0;
var limit = 5000;
$('<div/>').text([x0, y0].join()).appendTo($msg);
while (x0 !== x1 && y0 !== y1 && count < limit) {
count++;
e2 = err << 1;
if (e2 > -dy) {
err -= dy;
x0 += sx;
}
if (e2 < dx) {
err += dx;
y0 += sy;
}
$('<div/>').text([x0, y0].join()).appendTo($msg);
}
}
line(100, 100, 34, 26);