index.html

<!DOCTYPE html>
<html>
    <head>
    <title>Fruits Game</title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, scalable=yes">
        <link rel="stylesheet"  href="styling.css">
        
        <link rel="stylesheet" href="jquery/jquery-ui-1.12.1.custom/jquery-ui.min.css">
    </head>
    <body>
    <div id="container">
             <div id="trialsLeft"></div>
        <div id="score">
        score: <span id="scoreValue">0</span>
        </div>
        
        <div id="correct">
        Correct!
        </div>
        
        <div id="wrong">
            Try again
        </div>
        
        <div id="fruitsContainer">
            <img id="fruit1" class="fruit" >
        </div>
        
        <div id="instruction">
        Catch Fruits
        </div>
   
        
        <div id="startreset">Start Game</div>
   
        
        <div id="gameOver">
   
        </div>
        
        </div>
        <audio id="sliceSound">
            <source src="audio/slicefruit.mp3">
            <source src="audio/slicefruit.ogg">
        </audio>
       
        <script src="jquery/jquery-3.3.1.js"></script>
        <script src="jquery.js"></script>
         <script src="jquery/jquery-ui-1.12.1.custom/jquery-ui.min.js"></script>
    </body>
</html>