RDM 4 - Hard / 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">
    <link href="css/style.css" rel="stylesheet" media="all" />
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="https://unpkg.com/papaparse@latest/papaparse.min.js"></script>
    <script src='script/script.js'></script>
    <title>Sample Page - Hard</title>
</head>
<body>
    <div class="container">
        <div>
            <label for="ticketFile">Select the Ticket CSV file:</label>
            <input type="file" id="ticketFile" name="ticketFile" accept=".csv">
        </div>
        <br>
    <div>
        <label for="challengeType">Select Challenge Type to read Points File</label>
        <select id="challengeType" name="challengeType" onchange="getFileName()">
            <option value="">Select Challenge Type</option>
            <option value="Scoringsheet-1.csv">Type 1</option>
            <option value="Scoringsheet-2.csv">Type 2</option>
        </select>
            <label for="pointsFile">Select the Points CSV file:</label>
            <input type="text" id="pointsFile" value="" readonly="true"/>
        </div>
        <br>
        <div>
            <input type="button" id="btnRead" onClick="readFiles()" value="Read Files & Display Result">
        </div>
        <br>
        <div align="center">
                <h2>Result</h2>
                <table id="resultsTable"></table>
        </div>
        <br>
        <br>
        <div align="center">
            <input type="button" id="btnSave" onClick="saveResult()" value="Save Result as CSV File">
        </div>
    </div>
</body>
</html>