how to add html which has javascript in power bi d...

abhishek6555 · ‎04-12-2023

I am trying to add this below scripts which has html and javascrpt using html content visual. However the javascript part does not work. How to fix this

<!DOCTYPE html>
<html>
<head>
<title>My Page</title>
<style>
/* CSS code goes here */
#welcome {
color: blue;
cursor: pointer;
}
#welcome.clicked {
color: red;
}
</style>
<script>
// JavaScript code goes here
window.addEventListener('DOMContentLoaded', () => {
const welcome = document.getElementById('welcome');
welcome.addEventListener('click', () => {
welcome.classList.toggle('clicked');
});
});
</script>
</head>
<body>

<h1 id="welcome">Welcome</h1>
</body>
</html>

Anonymous · ‎07-08-2024

You must ensure that all quotes in your HTML code are single quotes ' and never double quotes ". This is because the measure will not interpret double quotes correctly. By making this change, your code should work as expected.

Syndicate_Admin · ‎08-17-2023

I, too, am looking for that answer.

how to add html which has javascript in power bi desktop

Helpful resources

Fabric Data Days

Power BI Monthly Update - October 2025

FabCon Atlanta 2026

How to Get Your Question Answered Quickly

Fabric Data Days starts November 4th!