Forums
Home Product Q&A Discussion groups Articles Ask a question Search
Learning
Events

Forums

Articles
Create
cancel
Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
Showing results for 
Search instead for 
Did you mean: 
Product Q&A
See all
Community resources
Top groups
Explore all groups
Community resources
Learn
Community resources
Events
Community resources

Simple javascript in HTML macro : Confluence

Dan27
Dan27
Contributor
October 29, 2019

Hello,

I tried to run very simple javascript inside HTML macro in Confluence page.

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">

	function myFunction() {
  	document.getElementById("demo").innerHTML = "Paragraph changed.";
	}

</script>
</head>
<body>
                <h2>JavaScript in Head</h2>

				<p id="demo">A Paragraph.</p>

				<button type="button" id="buttonId" onclick="myFunction()">Try it</button>
</body>
</html>

 

The button is showed but when I click it, the function didn't work.

Any help?

 

Thanks,

Daniel

Answer
Watch
Like Be the first to like this
12959 views

1 answer

1 accepted

0 votes
Answer accepted
Jack Nolddor _Sweet Bananas_
Jack Nolddor _Sweet Bananas_
Atlassian Partner
October 29, 2019

Hi Daniel,

Could you try to change the order like this?

 

<!DOCTYPE html>
<html>
<head>

</head>
<body>
                <h2>JavaScript in Head</h2>

    <p id="demo">A Paragraph.</p>

    <button type="button" id="buttonId" onclick="myFunction()">Try it</button>

<script type="text/javascript"> function myFunction() { document.getElementById("demo").innerHTML = "Paragraph changed."; }
</script>

</body>
</html>

 

 

Regards

View More Comments
Dan27
Dan27
Contributor
October 30, 2019

Thank you

Like
William Wang
William Wang
I'm New Here
I'm New Here
Those new to the Atlassian Community have posted less than three times. Give them a warm welcome!
Get involved
October 28, 2020

Agreed!

The script executed before the component is created.  document.getElementById("demo") will be return undefined

Like
Reply

Suggest an answer

Log in or Sign up to answer
Jira
Jira
TAGS
AUG Leaders

Atlassian Community Events

    See all events
    Community
    Forums
    FAQs Forums guidelines
    Learning
    About learning Resources
    Events
    Copyright © 2025 Atlassian
    Privacy Policy Terms Security
    Welcome illustration

    Welcome to the new Atlassian Community

    Online forums and learning are now in one easy-to-use experience.

    By continuing, you accept the updated Community Terms of Use and acknowledge the Privacy Policy. Your public name, photo, and achievements may be publicly visible and available in search engines.