How to change the start position in Chessboard.js?

Question

I am using the code given in the website https://chessboardjs.com/examples#5000. Here, when I try to change the start position in the config, all the pieces snap back to the intial position when any piece is moved. I also tried using game.load('fen'), but it gives the same result. Any help regarding this would be greatly appreciated.

I want to change the starting position, like in the cases of puzzles where only some pieces are there but all the usual chess rules are followed.

I tried using game.load('fen') and also change the 'position' in 'configs'.

Answer 1

I figured this out later myself. The problem is that chessboard.js and chess.js use different types of FENs. In chessboard.js, the FEN is simply

'rnbqkbnr/ppp1pppp/8/3p4/4P3/8/PPPP1PPP/RNBQKBNR'

whereas in chess.js, there are additional elements at the end: 'rnbqkbnr/ppp1pppp/8/3p4/4P3/8/PPPP1PPP/RNBQKBNR w KQkq d6 0 2'

To achieve the desired result, change the position in the configs to the chessboard.js one

var config = {
                draggable: true,
                position: 'rnbqkbnr/ppp1pppp/8/3p4/4P3/8/PPPP1PPP/RNBQKBNR',
                onDragStart: onDragStart,
                onDrop: onDrop,
                onSnapEnd: onSnapEnd
            }

and load the chess.js board with its own FEN

var game = new Chess()
game.load('rnbqkbnr/ppp1pppp/8/3p4/4P3/8/PPPP1PPP/RNBQKBNR w KQkq d6 0 2')

I hope this solution helps someone in the future!