Untitled

@page "/talentcalculator"
<PageTitle>Enderal Talent Calculator</PageTitle>

<h3>Talent Calculator</h3>

<div>
    <button @onclick="">Generate Circles</button>
</div>

<div>
    <p>@Talent.except</p>
    <p>@Talent.test</p>
</div>



<div>
    <svg width="600" height="520" >
        @HtmlTest
    </svg>
</div>



 <!--

 <circle id="0" r="8" cx="309" cy="451" fill="none" stroke="#C71616" stroke-width="3" />
        <circle id="1" r="8" cx="306" cy="415" fill="none" stroke="#C71616" stroke-width="3" />
        <circle id="2" r="8" cx="306" cy="390" fill="none" stroke="#C71616" stroke-width="3" />
        <circle id="3" r="8" cx="288" cy="359" fill="none" stroke="#C71616" stroke-width="3" />
        <circle id="4" r="8" cx="308" cy="366" fill="none" stroke="#C71616" stroke-width="3" />
        <circle id="5" r="8" cx="331" cy="365" fill="none" stroke="#C71616" stroke-width="3" />
        <circle id="6" r="8" cx="309" cy="333" fill="none" stroke="#C71616" stroke-width="3" />
        <circle id="7" r="8" cx="286" cy="283" fill="none" stroke="#C71616" stroke-width="3" />
 -->
@code {
    public static string HtmlTest;

    protected override Task OnInitializedAsync()

    {
        Talent.deseralizeJsonIntoListOfTalentObjects();

        for (int i = 0; i < Talent.talentDataWarriorKeeper.Count(); i++)
        {
            HtmlTest += $"<circle id=\"{Talent.talentDataWarriorKeeper[0].Id}\" r=\"8\" cx=\"{Talent.talentDataWarriorKeeper[0].CoordinateX}\" cy=\"{Talent.talentDataWarriorKeeper[0].CoordinateY}\" fill=\"none\" stroke=\"#C71616\" stroke-width=\"3\"/> ";
        }

        Console.WriteLine(HtmlTest);

        return base.OnInitializedAsync();

    }
}