Javascriptが動かない

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:import url="../layout/app.jsp">
    <c:param name="content">
        <h2><c:out value="${sessionScope.orderer.company_name }" />の単価</h2>
        <c:if test="${errorsMap != null}">
            <div>
                <c:forEach items="${errorsMap}" var="errorsMap">
                    ・<c:out value="${errorsMap.key + 1}" />行目の
                    <c:forEach items="${errorsMap.value}" var="errors">
                        <c:out value="${errors}" />
                    </c:forEach>
                </c:forEach>
            </div>
        </c:if>
        <c:if test="${errors != null }">
            <div>
                ・<c:out value="${errors}" />
            </div>
        </c:if>
        <form method="POST" action="<c:url value='/wholesales/new' />">
            <table>
                <tbody>
                    <tr>
                        <th>品番</th>
                        <th>定価</th>
                        <th>掛け率</th>
                        <th>単位</th>
                        <th>単価</th>
                    </tr>
                    <c:forEach var="i" begin="0" end="9">
                        <tr>
                            <td><input type="text" name="product_number"
                                value="<c:out value='${numberList[i] }' />"></td>
                            <td><input id="input01" type="text" name="normal_price"
                                value="<c:out value='${priceList[i] }' />" /></td>
                            <td><input id="input02" type="text" name="ratio"
                                value="<c:out value='${ratioList[i] }' />"></td>
                            <td><input type="text" name="unit"
                                value="<c:out value='${unitList[i] }' />"></td>
                            <td><input id="answer" type="text" name="total" value=""></td>
                        </tr>
                    </c:forEach>
                </tbody>
            </table>
            <input type="hidden" name="_token" value="${_token }" />
            <button type="submit">登録</button>
        </form>
        <script type="text/javascript">
            window.onload = function() {
                var input01 = document.getElementById("input01"); // DOM要素を用意しておく
                var input02 = document.getElementById("input02"); // DOM要素を用意しておく
                var answer = document.getElementById("answer"); // DOM要素を用意しておく

                input01.value = ""; // 初期化
                input02.value = ""; // 初期化
                answer.value = ""; // 初期化

                input02.onkeyup = function() { // キー入力が終わった瞬間に実行される関数の宣言
                    answer.innerHTML = parseInt(input01.value, 10) * parseInt(input02.value, 10); // 実際の計算
                };
            }
        </script>
    </c:param>
</c:import>