index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>PIXI Drawings</title>
    <link  rel='stylesheet' href='index.css'>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pixi.js/4.6.0/pixi.min.js" integrity="sha512-Xuxi4TLy7zjGnoAuv99f76gpcqxIU0qEG97hW0H0POT8fLT+IosrI8eB0++zB/VMPzQDrO+gHhXxwc0to7V6Tw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
</head>
<body>
    
    <h1>
        Click on any one of the buttons below before clicking on the drawing area"
      </h1>
    <button id="sign" class = '.appStyle'>Add Signature</button>
    <button id="text" class = '.appStyle'>Add TextField</button>
    <script src="./main.js"/>
</body>
</html>