html / javascript innertext

<div class="container">
    <div class="row">
        <div class="col-md-12">
            <br />
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <h4 class="headline margin-top-0 margin-bottom-30">Tabs Style 2</h4>
            <div class="style-2">
                <!-- Tabs Navigation -->
                <ul class="tabs-nav">
                    @foreach (Domain.Event eItem in rv.EventTypeList())
                    {
                        if (eventCount == 0)
                        {
                            showActive = "Active";
                        }
                        <li class="@showActive"><a onclick="ShowSection('@eItem.EventType')"><i class="@eItem.EventIcon"></i> @eItem.EventType (@eItem.TotalCountEvent)</a></li>
                        eventCount = eventCount + 1;
                    }
                </ul>
                <!-- Tabs Content -->
                <div class="tabs-container" id="tabs-container" style="display:block;">
                    <div style="display:block;" class="tab-content">
                     <p id="tabs-data"></p>
                    </div>                    
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <br /><br />
        </div>
    </div>
</div> 
<script>
    function ShowSection(eventType)
    {
        alert(eventType);
        document.getElementById('tabs-data').innerText = eventType;
    }
</script>