Force Google Translate to translate text between <code....> and </code> tags on my webpage by replacing code with span and revert it after translation [closed]

// Function to replace <code> with <span> across the document
function replaceCodeWithSpan() {
    console.log("Replacing code with span...");
    const codes = document.querySelectorAll('code');
    codes.forEach(code => {
        const span = document.createElement('span');
        Array.from(code.attributes).forEach(attr => span.setAttribute(attr.name, attr.value));
        span.classList.add('translated-span');
        span.innerHTML = code.innerHTML;
        code.parentNode.insertBefore(span, code);
        code.parentNode.removeChild(code);
    });
}
function applyOriginalTagAttribute() {
        const spans = document.querySelectorAll('span.original-code'); 

        spans.forEach(span => {
            if (span.classList.contains('original-code')) {
                span.setAttribute('data-original-tag', 'code');
            }
        });
}
function revertSpanToCode() {
    console.log("Reverting span to code...");
    const spans = document.querySelectorAll('span');
    spans.forEach(span => {
        if (span.classList.contains('translated-span')) {
            const code = document.createElement('code');
            Array.from(span.attributes).forEach(attr => code.setAttribute(attr.name, attr.value));
            code.innerHTML = span.innerHTML;
            span.parentNode.insertBefore(code, span);
            span.parentNode.removeChild(span);
        }
    });
}
const observerCallback = (mutationsList, observer) => {
    const htmlEl = document.documentElement;
    const isTranslated = htmlEl.classList.contains('translated-ltr') || htmlEl.classList.contains('translated-rtl');

    if (isTranslated) {
        console.log("Google Translate detected. Applying span replacements.");
        replaceCodeWithSpan();
    } else {
        console.log("Google Translate reverted or not active. Reverting code replacements if any.");
        revertSpanToCode();
    }
};
const observerConfig = { attributes: true, attributeFilter: ['class'], childList: false, characterData: false };
const observer = new MutationObserver(observerCallback);
function googleTranslateElementInit() {
  new google.translate.TranslateElement({
    pageLanguage: 'en', // Set your original page language
    layout: google.translate.TranslateElement.InlineLayout.VERTICAL // Change this line
  }, 'google_translate_element');
    setTimeout(revertSpanToCode, 1000); // Adjust delay as needed
}
observer.observe(document.documentElement, observerConfig);
(function checkAndClearRefreshFlag() {
    if (localStorage.getItem('hasRefreshed') === 'true') {
        localStorage.removeItem('hasRefreshed');
        console.log('Page was refreshed once and the flag has been cleared.');
    }
})();
function revertTranslation() {
    var translatedSpans = document.querySelectorAll('span[data-original-tag="code"]');
    translatedSpans.forEach(function(span) {
        var originalTag = span.getAttribute('data-original-tag');
        var code = document.createElement(originalTag);
        code.innerHTML = span.innerHTML;
        span.parentNode.replaceChild(code, span);
    });
}
(function() {
  const RELOAD_FLAG = 'gt_reloaded_once';
  if (sessionStorage.getItem(RELOAD_FLAG) === 'yes') {
    sessionStorage.removeItem(RELOAD_FLAG);
    return;
  }

  const observer = new MutationObserver(() => {
    const html = document.documentElement;
    const isTranslated = html.classList.contains('translated-ltr') ||
                         html.classList.contains('translated-rtl');
    if (isTranslated) {
      sessionStorage.setItem(RELOAD_FLAG, 'yes');
      observer.disconnect();
      location.reload();
    }
  });

  observer.observe(document.documentElement, {
    attributes: true,
    attributeFilter: ['class']
  });
  setTimeout(() => {
    const html = document.documentElement;
    if (!sessionStorage.getItem(RELOAD_FLAG) &&
        (html.classList.contains('translated-ltr') || html.classList.contains('translated-rtl'))) {
      sessionStorage.setItem(RELOAD_FLAG, 'yes');
      location.reload();
    }
  }, 3000);
})();

<body>
  <div id="google_translate_element"></div>

  <p style=
  "font-family: 'Verdana', sans-serif; font-size: 18px; color: black; font-weight: bold;">
&#9776; <code class="original-code"
  style="background-color: transparent;">Menu</code>
  </p>
</body>