Is there a way of changing a shortcode var1 value after a page has been redender?

[wpdatatable id=66 var1="'C0-0000"]

Some user action, where a new value for var1 is selected

[wpdatatable id=66 var1="'C6-0308"]

Here is a code snippet I have tried.... it fails

!-- Container for the wpDataTable shortcode -->
<div id="wpdatatable-container">
    [wpdatatable id=66 var1="C00-0000"]
</div>

<!-- User interaction element (button) -->
<button id="change-var1">Change var1</button>

<script>
document.getElementById('change-var1').addEventListener('click',function() {
    // New value for var1
    const newVar1Value = "C00-1234";
   
    // Update the container with the new shortcode
    document.getElementById('wpdatatable-container').innerHTML = `[wpdatatable id=66 var1="${newVar1Value}"]`;
    
    // Reinitialize wpDataTables (assuming you have a function to do this)
    // Note: This step depends on how wpDataTables is set up and initialized in your WordPress site.
    // You might need to trigger an AJAX call or a function to reload the table data.
//    wpDataTables.fnDraw();
});

</script>

I found a way to change a shortcode parm using input from a user.   Can you  post the solution to your website

Add the following to function.php

function modify_wpdatatable_var1($atts) {
    if (isset($_POST['submit_var1']) && !empty($_POST['var1'])) {
        $var1_value = sanitize_text_field($_POST['var1']);
        $atts['var1'] = $var1_value;
    }
    return $atts;
}
add_filter('shortcode_atts_wpdatatable', 'modify_wpdatatable_var1', 10, 1);

function display_wpdatatable_with_user_input() {
    ?>
    <form method="post" action="">
        <label for="var1">Enter Var1 Value:</label>
        <input type="text" id="var1" name="var1" value="">
        <input type="submit" name="submit_var1" value="Submit">
    </form>
    <?php
    if (isset($_POST['submit_var1']) && !empty($_POST['var1'])) {
        $var1_value = sanitize_text_field($_POST['var1']);
        echo do_shortcode('[wpdatatable id=66 var1="' . esc_attr($var1_value) . '"]');
    } else {
        echo '<p>Please enter a value for var1.</p>';
    }
}
add_shortcode('wpdatatable_user_input', 'display_wpdatatable_with_user_input');

____________________________________-

Add the shortcode [wpdatatable_user_input] to the post or page where you want the form and table to appear: