[
  {
    "search": "<div class=\"slider-container\">\n    <label for=\"slider1\">Slider 1:</label>\n    <input type=\"range\" id=\"slider1\" min=\"0\" max=\"100\">\n</div>",
    "replace": "<div class=\"slider-container\">\n    <label for=\"slider1\">Slider 1:</label>\n    <input type=\"range\" id=\"slider1\" min=\"0\" max=\"100\">\n    <span id=\"slider1-value\"></span>\n</div>"
  },
  {
    "search": "<div class=\"slider-container\">\n    <label for=\"slider2\">Slider 2:</label>\n    <input type=\"range\" id=\"slider2\" min=\"0\" max=\"100\">\n</div>",
    "replace": "<div class=\"slider-container\">\n    <label for=\"slider2\">Slider 2:</label>\n    <input type=\"range\" id=\"slider2\" min=\"0\" max=\"100\">\n    <span id=\"slider2-value\"></span>\n</div>"
  },
  {
    "search": "function updateOutput() {\n    var value1 = parseInt(slider1.value);\n    var value2 = parseInt(slider2.value);\n\n    var result = value1 * value2;\n\n    output.innerHTML = \"Result: \" + result;\n}",
    "replace": "function updateOutput() {\n    var value1 = parseInt(slider1.value);\n    var value2 = parseInt(slider2.value);\n\n    var result = value1 * value2;\n\n    output.innerHTML = \"Result: \" + result;\n\n    document.getElementById(\"slider1-value\").innerHTML = \"Slider 1 Value: \" + value1;\n    document.getElementById(\"slider2-value\").innerHTML = \"Slider 2 Value: \" + value2;\n}"
  }
]