So I don't know if this is possible, but I wanted to check for a window.OneTrust object and if it doesn't exist, to keep the attribute as src, otherwise keep it as data-src and change the type.
Here is what I'm talking about:
If window.OneTrust exists, keep it as:
<script
type='text/plain'
id='google-maps-api-script'
className='optanon-category-C0004'
data-src="https://maps.googleapis.com/maps/api/js?key=<?php echo get_field('google_maps_api_key', 'option') ?>&v=weekly"
></script>;
Otherwise, have it as:
<script
type='text/javascript'
id='google-maps-api-script'
className='optanon-category-C0004'
src="https://maps.googleapis.com/maps/api/js?key=<?php echo get_field('google_maps_api_key', 'option') ?>&v=weekly"
></script>;
Is there a way that I can have a ternary operator for type/src instead of doing it like this?
if (!window.OneTrust) {
<script
type='text/javascript'
id='google-maps-api-script'
className='optanon-category-C0004'
src="https://maps.googleapis.com/maps/api/js?key=<?php echo get_field('google_maps_api_key', 'option') ?>&v=weekly"
></script>;
} else {
<script
type='text/plain'
id='google-maps-api-script'
className='optanon-category-C0004'
data-src="https://maps.googleapis.com/maps/api/js?key=<?php echo get_field('google_maps_api_key', 'option') ?>&v=weekly"
></script>;
}
You can use document.write in a <script> element.
<script>
if (!window.OneTrust) {
document.write(`<script
type='text/javascript'
id='google-maps-api-script'
class='optanon-category-C0004'
src="https://maps.googleapis.com/maps/api/js?key=<?php echo get_field('google_maps_api_key', 'option') ?>&v=weekly"
><\/script>`);
} else {
document.write(`<script
type='text/plain'
id='google-maps-api-script'
class='optanon-category-C0004'
data-src="https://maps.googleapis.com/maps/api/js?key=<?php echo get_field('google_maps_api_key', 'option') ?>&v=weekly"
><\/script>`);
}
</script>