Este snippet permite añadir el ingreso mensual a la calculadora mortgage-calculators-wp

ingreso_mensual.txt

Este snippet permite añadir el ingreso mensual a la calculadora mortgage-calculators-wp


<p>Ingreso requerido mensual <strong class="custom_sum"></strong> <strong>'.$curr_symbol.'<span id="pi_div_span"></span></strong> </p>

incluir la linea anterior en mortgage-calculators-wp/includes/shortcodes/views/conventional.php antes de

'.$show_hoa.'
'.$show_in.'


Luego añadir el siguiente snippet:

function custom_script_code_snippets() {
  ?>
  <script>
// Obtener el elemento <span> con el ID "emmp_div_span"
var emmpSpan = document.getElementById("emmp_div_span");

// Crear un observador de mutaciones
var observer = new MutationObserver(function(mutations) {
  // Manejar cambios en el valor de <span id="emmp_div_span">
  mutations.forEach(function(mutation) {
    // Obtener el valor contenido dentro del elemento <span>
    var emmpValue = parseFloat(emmpSpan.innerText.replace(/[^0-9.-]+/g, ""));

    // Realizar la multiplicación por 3.33
    var multResult = emmpValue * 3.33;

    // Obtener el elemento <strong> con la clase "custom_sum"
    var customSumStrong = document.querySelector(".custom_sum");

    // Actualizar el texto del elemento <strong> con el resultado de la multiplicación
    customSumStrong.innerHTML = multResult.toFixed(2);
  });
});

// Configurar opciones del observador de mutaciones
var observerConfig = { childList: true, subtree: true };

// Observar cambios en el nodo del elemento <span>
observer.observe(emmpSpan, observerConfig);
  </script>
  <?php
}
add_action('wp_footer', 'custom_script_code_snippets');