JavaScript 外部引用 JS 文件

实例代码

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>开创者教程 - 简单函数示例</title>
		<script type="text/javascript" src="/uploads/20250904/script.js"></script>
    <style>
        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            max-width: 600px;
            margin: 0 auto;
            padding: 20px;
            background-color: #f5f7fa;
            color: #333;
        }
        h1 {
            color: #2c3e50;
            text-align: center;
            margin-bottom: 30px;
        }
        .calculator {
            background: white;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            margin-bottom: 20px;
        }
        .input-group {
            display: flex;
            gap: 10px;
            margin-bottom: 15px;
        }
        input {
            padding: 8px;
            border: 1px solid #ddd;
            border-radius: 4px;
            flex: 1;
        }
        button {
            background: #3498db;
            color: white;
            border: none;
            padding: 10px 15px;
            border-radius: 4px;
            cursor: pointer;
            width: 100%;
        }
        button:hover {
            background: #2980b9;
        }
        .result {
            margin-top: 15px;
            padding: 10px;
            background: #e8f4fc;
            border-radius: 4px;
            text-align: center;
        }
        .stats {
            background: white;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        .stats h2 {
            margin-top: 0;
            color: #2c3e50;
        }
        .stats-item {
            display: flex;
            justify-content: space-between;
            padding: 5px 0;
            border-bottom: 1px solid #eee;
        }
    </style>
</head>
<body>
    <h1>简单函数计算示例</h1>
    
    <div class="calculator">
        <h2>计算两数之和</h2>
        <div class="input-group">
            <input type="number" id="num1" placeholder="输入第一个数字">
            <input type="number" id="num2" placeholder="输入第二个数字">
        </div>
        <button onclick="calculate()">计算</button>
        <div class="result" id="result">请输入数字并点击计算</div>
    </div>
    
    <div class="stats">
        <h2>统计结果</h2>
        <div class="stats-item">
            <span>计算次数:</span>
            <span id="count">0</span>
        </div>
        <div class="stats-item">
            <span>最近结果:</span>
            <span id="lastResult">-</span>
        </div>
        <div class="stats-item">
            <span>最大结果:</span>
            <span id="maxResult">-</span>
        </div>
        <div class="stats-item">
            <span>最小结果:</span>
            <span id="minResult">-</span>
        </div>
    </div>
</body>
</html>