[

  {

    "search": "<script type=\"text/javascript\">\n        try {\n            const trainParts = ['🚂', '🚋', '🚃', '🚎', '🚞'];\n            let train = [];\n\n            document.addEventListener(\"DOMContentLoaded\", function() {\n                document.querySelector('#train-display').innerText = train.join('');\n                \n                document.querySelectorAll('.train-part').forEach(part => {\n                    part.addEventListener('click', function(e) {\n                        train.push(e.target.innerText);\n                        document.querySelector('#train-display').innerText = train.join('');\n                    });\n                });\n            });\n\n        } catch (error) {\n            throw error;\n        }\n    <\/script>",

    "replace": "<script type=\"text/javascript\">\n        try {\n            const trainParts = ['🚂', '🚋', '🚃', '🚎', '🚞'];\n            let train = [];\n\n            document.addEventListener(\"DOMContentLoaded\", function() {\n                document.querySelector('#train-display').innerText = train.join('');\n\n                // Drag and Drop functionality\n                const trainDisplay = document.querySelector('#train-display');\n\n                trainDisplay.addEventListener('dragover', function(e) {\n                    e.preventDefault();\n                });\n\n                trainDisplay.addEventListener('drop', function(e) {\n                    e.preventDefault();\n                    const trainPart = e.dataTransfer.getData('text');\n                    train.push(trainPart);\n                    document.querySelector('#train-display').innerText = train.join('');\n                });\n\n                document.querySelectorAll('.train-part').forEach(part => {\n                    part.addEventListener('dragstart', function(e) {\n                        e.dataTransfer.setData('text', e.target.innerText);\n                    });\n                });\n            });\n\n        } catch (error) {\n            throw error;\n        }\n    <\/script>"

  },

  {

    "search": ".train-part {\n            font-size: 30px;\n            cursor: pointer;\n            margin: 10px;\n        }",

    "replace": ".train-part {\n            font-size: 30px;\n            cursor: pointer;\n            margin: 10px;\n            user-select: none;\n            -moz-user-select: none;\n            -webkit-user-select: none;\n            -ms-user-select: none;\n        }"

  },

  {

    "search": ".train-part:hover {\n            transform: scale(1.1);\n        }",

    "replace": ".train-part:hover {\n            transform: scale(1.1);\n            cursor: grab;\n            -webkit-user-drag: element;\n        }"

  }

]