I want know how to figure out if the puzzle is solved.

I am creating an app for creating custom 6-piece puzzle.

Here's the code:

 function approved(){
// Get the canvas and context
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");

// Load the image
var img = new Image();
img.src = document.getElementById('puzzleprieview').src;

img.onload = function() {
    // Set the canvas size
    canvas.width = img.width;
    canvas.height = img.height;

    // Draw the image on the canvas
    ctx.drawImage(img, 0, 0);

    // Split the image into parts
    var w = img.width / 3;
    var h = img.height / 2;
    for (var i = 0; i < 7; i  ) {
        var x = (i % 3) * w;
        var y = Math.floor(i / 3) * h;

        // Create a new canvas for each part
        var partCanvas = document.createElement("canvas");
          
     partCanvas.draggable="true";
     
     partCanvas.className="sampcanvas"
$(".sampcanvas").draggable({snap: true});
 
        partCanvas.width = w;
        partCanvas.height = h;
        var partCtx = partCanvas.getContext("2d");

        // Draw the part of the image on the new canvas
        partCtx.drawImage(canvas, x, y, w, h, 0, 0, w, h);
var number=Math.floor(Math.random() * 100);
        // Do something with each part, such as append it to the document
     const getRandom = (min, max) => Math.floor(Math.random()*(max-min 1) min);
      partCanvas.style.left= getRandom(0, 300 - 200) 'px'; //