html

<div id="content">
    <button value="1">1</button>
    <button value="2">2</button>
    <button value="3">3</button>
    <button value="4">4</button>
    <button value="5">5</button>
    <button value="6">6</button>
    <button value="7">7</button>
    <button value="8">8</button>
    <button value="9">9</button>
</div>
 

*{
            margin:0;
            padding: 0;
        }
        #content{
            width: 500px;
            height: 500px;
            margin: 100px auto 0;
        }
        button{
            width: 30%;
            height: 30%;
            box-sizing: border-box;
            font-size: 18px;
        }
 

var buttons = document.getElementsByTagName("button");


     function fn(n)
        {
            var array = new Array();
            for(var i= 0; i<n; i++)
            {
                var rnd = Math.floor(Math.random()* (9) ) + 1;                   
                if(isIncluded(rnd, array))
                {
                    i--; 
                }
                else
                {               
                    array.push(rnd);
                }
            }   
            return array;
        }


        function isIncluded(element, array)
        {
            for (var i = 0, len = array.length; i < len; i++) 
            {
                if(array[i] == element)
                {
                    return true;
                }
            }
            return false;
        }
        demo = fn(9);
        for(var i= 0; i<demo.length; i++)
            {
                buttons[i].innerHTML = demo[i];
                console.log(buttons[i].innerHTML);
            }