main.html

<!DOCTYPE html>
<html>
    <head>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/web3/1.6.1/web3.min.js" integrity="sha512-5erpERW8MxcHDF7Xea9eBQPiRtxbse70pFcaHJuOhdEBQeAxGQjUwgJbuBDWve+xP/u5IoJbKjyJk50qCnMD7A==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
        <script src="https://cdn.jsdelivr.net/npm/ipfs-http-client/dist/index.min.js"></script>
    </head>

    <body>
        <div>
            <div>
                <lavel>보유 ETH: </lavel>
                <span id="eth_balance"></span>
            </div>
            <div>
                <lavel>보유 NFT: </lavel>
                <span id="nft_balance"></span>
            </div>

            <div>
                <input id="pk" type="text" placeholder="PRIVATE KEY">
                <button id="wallet-import-btn">지갑 가져오기</button>
            </div>
        </div>

        <hr></hr>

        <div>
            <div>
                <label>Name </label>
                <input type="text" id="nft-value">
            </div>
            <div>
                <label>text </label>
                <input type="text" id="nft-text">
            </div>
            <button id="nft-gen-btn">NFT 생성하기</button>
        </div>

        <hr></hr>

        <div>
            <div>
                <label>토큰 ID</label>
                <input type="number" id="nft-tokenId" placeholder="토큰 ID를 입력해 주세요">
            </div>
            <div>
                <lable>Owner address </lable>
                <span id="nft-owner-address-search"></span>
            </div>
            <div>
                 <label>Name </label>
                 <span id="nft-name-serch"></span>
            </div>
            <div>
                <label>File path </label>
                <span id="ipfs-path-search"></span>
            </div>

            <button id="nft-search-btn">NFT 조회하기</button>
        </div>

        <script src="./mint.js"></script>
    </body>
</html>