m6a1.htm


<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Filename: m6a1.htm  Author: Dylan Raguseo   Date: 11/12/2023 -->
    <meta name="description" content="Module 6 Assignment">
    <meta name="keywords" content="HTML5, CSS, JS">
    <meta name="author" content="Dylan Raguseo">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="m6a1.css">
    <script src="m6a1.js" defer></script>
    <title>M6A1</title>
</head>
<body>

    <!-- Navigation menu -->
    <ul id="nav">
        <li><a href="#" onclick="browserTest()">Browser Test</a></li>
        <li><a href="#" onclick="htmlFeatureTest()">HTML Feature Test</a></li>
        <li class="dropdown">
            <a href="#" class="dropbtn">Mobile Tests</a>
            <div class="dropdown-content mobile-tests">
                <a href="#" onclick="screenResolution()">Screen Resolution</a>
                <a href="#" onclick="screenOrientation()">Screen Orientation</a>
            </div>
        </li> 
        <li class="dropdown">
            <a href="#" class="dropbtn">Canvas Tests</a>
            <div class="dropdown-content canvas-tests">
                <a href="#" onclick="generalSupport()">General Support</a>
                <a href="#" onclick="textSupport()">Text Support</a>
                <a href="#" onclick="drawCanvas()">Draw Canvas</a>
            </div>
        </li>
    </ul>

    <!-- Heading -->
    <div id="heading">
        <h1>Click a menu item above to test various web features</h1>
    </div>

    <!-- Output Div -->
    <div id="output"></div>

    <!-- Canvas Element -->
    <canvas id="myCanvas" width="0" height="0"></canvas>
</body>
</html>