A simple JavaScript project where it changes the pieces of chess.com with anything you want!
// ==UserScript==
// @name Chess.com Custom Pieces
// @namespace http://tampermonkey.net/
// @version 1.5
// @description A simple JavaScript project where it changes the pieces of chess.com with anything you want!
// @author SkidFace
// @match https://www.chess.com/*
// @icon https://www.dictionary.com/e/wp-content/uploads/2020/02/uwu_800x800-300x300.jpg
// @license MIT
// @grant none
// ==/UserScript==
//IMPORTANT!!!
//To use and modify this script to replace the images, simply replace the inside of the "url()" component of that const with a link to the image
//For example, if I wanted to change the White King piece to an UwU face, you would change line 34 to:
//const whiteKing = "url(https://avaazdo.s3.amazonaws.com/original_5ccdb9b8604f2.jpg)"
const blackPawn = "url()";
const blackRook = "url()";
const blackKnight = "url()";
const blackBishop = "url()";
const blackQueen = "url()";
const blackKing = "url()";
const whitePawn = "url()";
const whiteRook = "url()";
const whiteKnight = "url()";
const whiteBishop = "url()";
const whiteQueen = "url()";
const whiteKing = "url()";
//You do not need to change anything below. All you need to do is change the code above.
window.addEventListener('load', function() {
//black pieces
changePiece("bp", blackPawn);
changePiece("br", blackRook);
changePiece("bn", blackKnight);
changePiece("bb", blackBishop);
changePiece("bq", blackQueen);
changePiece("bk", blackKing);
//white pieces
changePiece("wp", whitePawn);
changePiece("wr", whiteRook);
changePiece("wn", whiteKnight);
changePiece("wb", whiteBishop);
changePiece("wq", whiteQueen);
changePiece("wk", whiteKing);
});
function changePiece(piece, url){
for (let i = 0; i < document.getElementsByClassName(piece).length; i++) {
document.getElementsByClassName(piece)[i].style.backgroundImage = url;
}
}