<!DOCTYPE html>
<head>
    <title>Needleman-Wunch Algorithm</title>
    <script src="core.js"></script>
</head>
<body id="body">
    <h1>Needleman-Wunsch and Smith-Waterman Calculator</h1>
    <p>Sequence 1</p>
    <input type="text" id ="seq1">
    <p>Sequence 2</p>
    <input type="text" id ="seq2">
    <p>Match score</p>
    <input type="text" id ="Match" value="1">
    <p>Mismatch penalty</p>
    <input type="text" id ="Mismatch" value="-1">
    <p>Gap penalty</p>
    <p><input type="text" id ="Gap" value="-1"></p>
    <button onclick="initialize('needle')">Needleman-Wunsch</button>
    <button onclick="initialize('water')">Smith-Waterman</button>
    <h3>Score table</h3>
    <table id="score">
    </table>
    <br>
    <h3>Traceback table</h3>
    <p>T means score comes from Top, L means it comes from Left, D means it comes from top left (Diagonal).</p>
    <table id="trace">
    </table>
</body>

<!DOCTYPE html>
<head>
    <title>Needleman-Wunch Algorithm</title>
    <script src="core.js"></script>
    <link href="style.css" rel="stylesheet"></link>
</head>
<body id="body">
    <h1>Needleman-Wunsch and Smith-Waterman Calculator</h1>
    <p>Sequence 1</p>
    <input type="text" id ="seq1">
    <p>Sequence 2</p>
    <input type="text" id ="seq2">
    <p>Match score</p>
    <input type="text" id ="Match" value="1">
    <p>Mismatch penalty</p>
    <input type="text" id ="Mismatch" value="-1">
    <p>Gap penalty</p>
    <p><input type="text" id ="Gap" value="-1"></p>
    <button onclick="initialize('needle')">Needleman-Wunsch</button>
    <button onclick="initialize('water')">Smith-Waterman</button>
    <h3>Score table</h3>
    <table id="score">
    </table>
    <br>
    <h3>Traceback table</h3>
    <p>T means score comes from Top, L means it comes from Left, D means it comes from top left (Diagonal).</p>
    <table id="trace">
    </table>
</body>

Update Index.html to accept css
Update Index.html to accept css