JavaScript Error

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title> Random Number Generator </title>
</head>
<style>
    .lblstyle1 {
        font-family: Arial;
        font-size: 40px;
        color: red;
        text-align: Center
    }

    .main_button {
        background: linear-gradient(to bottom, #de0000 5%, #bd1b1b 100%);
        background-color: #de0000;
        border-radius: 28px;
        border: 1px solid #e02040;
        display: inline-block;
        cursor: pointer;
        color: #ffffff;
        font-family: Arial;
        font-size: 19px;
        padding: 17px 34px;
        text-decoration: none;
        text-shadow: 0px 1px 0px #eb2154;
        text-align: center;
    }

        .main_button:hover {
            background: linear-gradient(to bottom, #bd1b1b 5%, #de0000 100%);
            background-color: #bd1b1b;
        }

        .main_button:active {
            position: relative;
            top: 1px;
        }

    .answerBlock {
        border: 5px outset red;
        text-align: center;
        /*display: none;*/
    }

    .answerLabel {
        color: rgb(213, 16, 16);
        font-family: Arial;
        font-size: 30px
    }
</style>

<script>
function getRandom() {
    var random_step1 = Math.random *100;
    var random_step2 = random_withdot.split(".")
    //document.getElementsByClassName("answerBlock").display = block;
    document.getElementById("answerText").innerHTML = "S";
}
</script>
<body dir="rtl">
    <h1 class="lblstyle1"> Random Number Generator </h1>
    <p align="center">
        <a href="#" onclick="getRandom()" class="main_button"> Generate Number Now </a>
    </p>
    <div class="answerBlock">
        <h1 id="answerText" class="answerLabel">1</h1>
    </div>
    </body>
</html>