function formatAndValidateJson(errorElement) {
  const input = document.querySelector('#jsonBlock');
  const processInfo = document.getElementById(errorElement);

  try {
    const start = new Date();

    const obj = JSON.parse(input.textContent);
    input.innerHTML = JSON.stringify(obj, null, 2);
    processInfo.innerText = "";
    hljs.highlightElement(input);

    const end = new Date();
    processInfo.innerHTML = "<b style='color: black'>Validation and formatting time:</b> <span style='color: green'>" + (end.getMilliseconds() - start.getMilliseconds()) + "ms</span>";
  } catch (error) {
    processInfo.innerHTML = "<b style='color: red'>" + error + "</b>";
    console.error("Error: ", error)
  }
}

function minimizeJson(errorElement) {
  const input = document.querySelector('#jsonBlock');
  const processInfo = document.getElementById(errorElement);

  try {
    const start = new Date();

    const obj = JSON.parse(input.textContent);
    input.innerHTML = JSON.stringify(obj);
    processInfo.innerText = "";
    hljs.highlightElement(input);

    const end = new Date();
    processInfo.innerHTML = "<b style='color: black'>Validation and formatting time:</b> <span style='color: green'>" + (end.getMilliseconds() - start.getMilliseconds()) + "ms</span>";
  } catch (error) {
    processInfo.innerHTML = "<b style='color: red'>" + error + "</b>";
    console.error("Error: ", error)
  }
}