JSFiddle - React, Tailwind, and code Playground

by kaljak

HTML

<p id="result1">Result1: </p>
<p id="result2">Result2: </p>

JavaScript

var tempArray = [510, -510, 510, -255, 0, 0, 0, 0, 0, 0, -510, -510, 510, -255, 0, 0, 0, 0, 0, 0, 510, 510, 510, -255, 0, 0, 0, 0, 0, 0, -255, -255, -255, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, -255, -255, -255, 0, 0, 0, 0, -255, -255, -255, 510, 510, 510, -255, 0, 0, -255, 510, 510, 510, -510, -510, 510, -255, 0, 0, -255, 510, -510, -510, 510, -510 ,510, -255, 0, 0, -255, 510, -510, 510];

var array1 = new Uint8ClampedArray(100);
var array2 = [];

var variable = -300;

for (var i = 0; i < array1.length; i++) {
    array1[i] = tempArray[i];
    array2[i] = tempArray[i];

    
    $('#result1').text($('#result1').text() + array1[i] + " | ");
    
    
    array2[i] = array2[i] < 0 ? 0 : array2[i];
    array2[i] = array2[i] > 255 ? 255 : array2[i];
    
    $('#result2').text($('#result2').text() + array2[i] + " | ");
}