https://www.advancedcustomfields.com/resources/adding-custom-javascript-fields/
https://support.advancedcustomfields.com/forums/topic/when-to-use-the-acf-javascript-api/
https://stackoverflow.com/questions/46239827/adding-advanced-custom-field-to-javascript
Wordpress giving nice function to pass PHP variable data to js file.
Put this code in your theme functions.php page.
function mytheme_load_scripts() {
wp_enqueue_script('mytheme-script', get_template_directory_uri() . '/js/mytheme-script.js');
wp_localize_script('mytheme-script', 'mytheme_script_vars', array(
'alert' => get_field("cookie_notice",$post_id)
)
);
}
add_action('wp_enqueue_scripts', 'mytheme_load_scripts');
And Create one js folder in your theme root directory. Inside that directory create the js file named mytheme-script.js file, & put the below code over there.
jQuery(document).ready(function($) {
alert( mytheme_script_vars.alert );
});
Now visit any page of your site. Surely you will get an alert with the your desire field value. Make sure you will assign proper value to $post_id. I think this will help you. Codex reference link for more details: WP Localize Script Function
It's recommended to escape the output of any user-input like this:
'alert' => esc_attr( get_field("cookie_notice",$post_id) )
.esc_attr
is one of many functions built into WordPress which prevents malicious scripts from being accidentally output on the frontend.– admcfajn