Write a JavaScript program to print maximum number between 2 numbers?

Find the below code to print maximum number from 2 numbers in JavaScript.

Simple Idea

var a = 56,
    b = 67;

var max = (a > b) ? a : b;

console.log("The maximum number is "+ max);

Developed Idea

View Demo: http://www.gtvcreations.com/demo/js-print-max-from-two-numbers.html

View Code:

<!DOCTYPE html>

    <title>Print Maximum Number between Two Numbers - Javascript</title>

    <!-- Input Form -->
    <form id="findmaxform">
        <label for="number1">Number 1:</label>
        <input type="number" id="number1">
        <label for="number2">Number 2:</label>
        <input type="number" id="number2">
        <input type="submit" value="Print Maximum Number">
        <input type="reset" value="Reset Form">

    <!-- Display Calculated Values -->
    <div id="result" style="display: none;">
        The maximum number is <b id="max"></b>

    <!-- Javascript -->
        // Show Result Function
        function showResult(event) {
            // Prevents Page Reload on Submit

            // Reset to Array Array
            var max = 0;

            // Get all Input Elments in array
            var inputElements = this.querySelectorAll("input[type='number']");

            // Logic - Compare value of all input elements
            for (var i = 0; i < inputElements.length; i++) {
                // Check it is not NaN
                if (!isNaN(Number(inputElements[i].value))) {
                    // Compare and Assign Value to `max` Variable
                    max = (max > Number(inputElements[i].value)) ? max : inputElements[i].value;

            document.getElementById("max").innerHTML = max;
            document.getElementById("result").style.display = "block";

        // Clear Result
        function clearResult() {
            document.getElementById("result").style.display = "none";

        // Add Submit and Reset Event
        document.getElementById("findmaxform").addEventListener("submit", showResult);
        document.getElementById("findmaxform").addEventListener("reset", clearResult);


Note: If you want to print maximum from more than two numbers just add input field inside the form.