Final exam practice

by puuga

HTML

<body>
     <h1>Exam practice</h1>

    <div>1:
        <input id="list1" value="1,4,7" />
        <br/>2:
        <input id="list2" value="6,2" />
        <br/>3:
        <input id="list3" value="5,2,3,8" />
        <br/>
        <button onclick="goPressed()">Go</button>
    </div>
    <hr/>
     <h2>Tasks</h2>

    <hr/>
    <div>A) Which list has the most elements? (e.g. 1, 2 or 3)
        <br/>Answer: <span id="taskA"></span>

    </div>
    <hr/>
    <div>B) What is the sum of the elements in all 3 lists?
        <br/>Answer: <span id="taskB"></span>

    </div>
    <hr/>
    <div>C) Which list has the largest number?
        <br/>Answer: <span id="taskC"></span>

    </div>
    <hr/>
    <div>D) Perform a linear search on list 3. Does it contain the number 2?
        <br/>Answer: <span id="taskD"></span>

    </div>
    <hr/>
    <div>E) Perform a bubble sort on list 3. What is the result?
        <br/>Answer: <span id="taskE"></span>

    </div>
    <hr/>
    <div>F) Put all 3 lists into one list, then sort them using selection sort. What is the result?
        <br/>Answer: <span id="taskF"></span>

    </div>
    <hr/>
    <div>G) Put all 3 lists into one list, then sort them using insertion sort. What is the result?
        <br/>Answer: <span id="taskG"></span>

    </div>
    <hr/>
</body>

CSS

body {
    margin: 10px;
    font-family: Helvetica;
}
h1 {
    font-size: 140%;
    margin-bottom: 20px;
}
h2 {
    font-size: 110%;
    margin: 10px 0;
}
button, hr {
    margin: 10px 0;
}

JavaScript

function goPressed() {

    // Input
    var list1 = document.getElementById('list1').value.split(',');
    var list2 = document.getElementById('list2').value.split(',');
    var list3 = document.getElementById('list3').value.split(',');

    // Start here

    // Output
    document.getElementById('taskA').innerText = no1(list1, list2, list3);
    document.getElementById('taskB').innerText = no2(list1, list2, list3);
    document.getElementById('taskC').innerText = no3(list1, list2, list3);
    document.getElementById('taskD').innerText = no4(list3);
    document.getElementById('taskE').innerText = no5(list3);
    document.getElementById('taskF').innerText = no6(list1, list2, list3);
    document.getElementById('taskG').innerText = no7(list1, list2, list3);

}

function no1(list1, list2, list3) {
    var max = list1.length;
    var ind = "list1";
    if (list2.length > max) {
        max = list2.length;
        ind = "list2";
    }
    if (list3.length > max) {
        max = list3.length;
        ind = "list3";
    }
    return ind;
}

function no2(list1, list2, list3) {
    var sum = 0;
    for (var i = 0; i < list1.length; i++) {
        sum = sum + parseInt(list1[i]);
    }
    for (var j = 0; j < list2.length; j++) {
        sum = sum + parseInt(list2[j]);
    }
    for (var k = 0; k < list3.length; k++) {
        sum = sum + parseInt(list3[k])
    }
    return sum;
}

function no3(list1, list2, list3) {
    var max = list1[0];
    for (var i = 1; i < list1.length; i++) {
        if (parseInt(max) < parseInt(list1[i])) {
            max = list1[i];
        }
    }
    for (var j = 0; j < list2.length; j++) {
        if (parseInt(max) < parseInt(list2[j])) {
            max = list2[j];
        }
    }
    for (var k = 0; k < list3.length; k++) {
        if (parseInt(max) < parseInt(list3[k])) {
            max = list3[k];
        }
    }
    return max;
}

function no4(list3) {
    var find = 2;
    var result = 0;
    for (var i = 0; i < list3.length; i++)...