Arkadaşlar şu şekilde bir json kodum var ve siteye yazdırıyorum... fakat örnek 30 satır, örnek text:"yazı" eklediğimde load olmazken, sitede gözükmezken 25 adette oluyor bunu nasıl düzeltirim.

[
    { "text": "You can freeze coffee in ice trays and pour it into milk." },  
    { "text": "A 3-minute cold shower will burn you 40 calories." },  
    { "text": "If you feel nauseous, have a pinch of ground coffee." }
]

jQuery(document).ready(function($) {
    var HintsDataDiv = document.getElementById('hints-data');
    var GetNewButton = document.getElementById('get-new');
    var templateUrl = object_name.templateUrl;

    function getRandomData() {
        fetch(templateUrl + '/assets/json/hints.json')
            .then(response => response.json())
            .then(data => {
                var randomIndex = Math.floor(Math.random() * data.length);
                var randomItem = data[randomIndex];
                var randomText = randomItem.text;

                HintsDataDiv.innerText = randomText.substr(0,60) + "...";
                jQuery("#hints-data").click(function () {
                    HintsDataDiv.innerText = randomText;
                });
            })
            .catch(error => {
                console.log('Something went wrong:', error);
            });
    }
    GetNewButton.addEventListener('click', getRandomData);
    getRandomData();    
});

<div class="plicker-hints">
                    <div id="hints-data"></div>
                    <button id="get-new" class="get-new">NEW</button>
                </div>