JSFiddle - React, Tailwind, and code Playground

by Thornton_Fernbacher

HTML

<div id="dashboard-home-content">
    <div id="bd-what-next" class="clearfix">
        <h2 id="msg_cat_what_next_question">What to do next?</h2>
        <div id="what-next-answer">Customize your Personal Page with a story about why you are raising funds for this cause.</div>
    </div>
    <!-- bd-what-next -->
    <div class="ux-block2" id="bd-org-html">
        <!-- TODO: Message Catalog this, Fix language -->
        <div id="organization_message">
            <table style="width: 100%;" border="0">
                <tbody>
                    <tr>
                        <td>
                            <h1><a href="change this url" target="_blank"><img src="../cco/images/content/pagebuilder/PC_FAQ_image.jpg" border="0" alt="Personal page image"><br>Participant Centre FAQ</a></h1>
                        </td>
                        <td>
                            <h1><a href="change this url" target="_blank"><img src="../cco/images/content/pagebuilder/PC_pic_image.jpg" border="0" alt="Personal page image"><br>Photo resize tool</a></h1>
                        </td>
                        <td>
                            <h1><a href="change this url" target="_blank"><img src="../cco/images/content/pagebuilder/PC_fundraising_image.jpg" border="0" alt="Personal page image"><br>Fundraising FAQ</a></h1>
                        </td>
                    </tr>
                </tbody>
            </table>
</div>

JavaScript

function changeLinks(link) {
	var parent = document.getElementById("organization_message");
  var children = [];
  for
}