script.js

const errorCheckBtn = document.getElementById("error-check-btn");
const formateBtn = document.getElementById("formate-btn");
const inputField = document.getElementById("inputfield");
const outputField = document.getElementById("outputfield");

const changeValueInput = document.getElementById("change-value");
const needValueInput = document.getElementById("need-value");
const editBtn = document.getElementById("edit-btn");
const tabs = document.getElementById("tabs");

const copyBtn = document.getElementById("copy-btn");


function editvalue(inputValue, changeValue, needValue) {
  if (inputValue == "" || changeValue == "" || needValue == "") {
    outputField.value = "please enter value to edit";
    return;
  }
  try {
    let editedJson = inputValue.replaceAll(changeValue, needValue);
      outputField.value = editedJson;
  } catch (error) {
    // console.log(error);
    outputField.value = error;
  }
}

editBtn.addEventListener("click", () => {
  editvalue(inputField.value, changeValueInput.value, needValueInput.value);
});



async function formateJson(inputValue, tabs) {
  if (inputValue == "" ) {
    outputField.value = "please enter value to edit";
    return;
  }
  try {
    let jsonvalue = JSON.parse(inputValue)
    let formattedJson = JSON.stringify(jsonvalue, null, Number(tabs))
    outputField.value = formattedJson;

  } catch (error) {
    //  console.log(error);
    outputField.value = error;
  }
}

formateBtn.addEventListener("click", () => {formateJson(inputField.value, tabs.value)})

async function errorcheck(inputValue) {
  if (inputValue == "") {
    outputField.value = "please enter JSON code first";
    return;
  }
  try {
    let data = await JSON.parse(inputValue);
    if (data) {
      outputField.value = JSON.stringify(data);
    }
  } catch (error) {
    // console.log(error);
    outputField.value = error;
  }
}

errorCheckBtn.addEventListener("click", () => {
  errorcheck(inputField.value);
});

copyBtn.addEventListener("click",()=> {
  navigator.clipboard.writeText(outputField.value).then(() => {
    alert("Copied to clipboard");
  }).catch(err => {
    alert("Failed to copy: " + err);
    console.error("Copy failed:", err);
  });
})