index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Number Validation</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
            margin: 50px;
        }

        #result {
            font-weight: bold;
            margin-top: 20px;
        }
    </style>
</head>
<body>
    <h2>Number Validation</h2>

    <form id="validationForm">
        <label for="inputString">Enter a string:</label>
        <input type="text" id="inputString" name="inputString" required>
        <br>
        <button type="button" onclick="validateString()">Validate</button>
    </form>

    <div id="result"></div>

    <script>
        function validateString() {
            // Get the input value
            var inputString = document.getElementById('inputString').value;

            // Regular expression to check if the string contains a number
            var containsNumber = /\d/.test(inputString);

            // Display result
            var resultDiv = document.getElementById('result');
            if (containsNumber) {
                resultDiv.textContent = 'The entered string contains a number.';
            } else {
                resultDiv.textContent = 'The entered string does not contain any numbers.';
            }
        }
    </script>
</body>
</html>