介绍
JavaScript（JS）是一种基于对象和事件驱动的解释性编程语言，可以用于为网站创建交互式的前端界面。在本文中，我们将讨论如何使用JS编写一个程序，该程序接受来自链接列表的两个数字，将它们相加并在页面上显示结果。
设置
在开始编写程序之前，我们需要创建一个HTML文档。我们可以使用以下代码来创建一个基本的HTML文档：
<!DOCTYPE html>
<html>
<head>
<title>JavaScript 程序添加由链接列表表示的两个数字</title>
</head>
<body>
<h1>JavaScript 程序添加由链接列表表示的两个数字</h1>
<!-- 添加链接列表 -->
<ul id="numbers">
<a href="#" class="number">1</a>
<a href="#" class="number">2</a>
</ul>
<!-- 显示结果 -->
<div id="result"></div>
<!-- 引入JS文件 -->
<script src="main.js"></script>
</body>
</html>
在上面的代码中，我们创建了一个HTML页面，其中包含一个链接列表，一个用于显示结果的div元素和一个用于引入JS文件的script元素。
编写JS程序
现在我们可以开始编写JS程序了，我们需要完成以下步骤：
步骤1：获取链接列表中的数字
我们可以使用以下代码来获取链接列表中的数字：
const numbers = document.querySelectorAll('.number');
let num1 = Number(numbers[0].textContent);
let num2 = Number(numbers[1].textContent);
在上面的代码中，我们使用querySelectorAll方法选择class为number的所有链接元素，并将其存储在变量numbers中。然后，我们使用textContent属性获取链接的文本内容，并使用Number方法将其转换为数字类型。在此示例中，我们假设我们只有两个链接元素。
步骤2：相加数字
我们可以使用以下代码来相加数字并将其存储在变量sum中：
let sum = num1 + num2;
在上面的代码中，我们使用加法运算符将num1和num2相加，并将结果存储在变量sum中。
步骤3：显示结果
现在，我们需要将结果显示在页面上。我们可以使用以下代码将sum值添加到div元素中：
const resultDiv = document.querySelector('#result');
resultDiv.textContent = `结果：${sum}`;
在上面的代码中，我们使用querySelector方法选择id为result的div元素，并将其存储在变量resultDiv中。然后，我们将sum的值通过textContent属性添加到div元素中。
完整的JS代码
将上述代码段组合起来，我们得到完整的JS代码如下所示：
const numbers = document.querySelectorAll('.number');
let num1 = Number(numbers[0].textContent);
let num2 = Number(numbers[1].textContent);
let sum = num1 + num2;
const resultDiv = document.querySelector('#result');
resultDiv.textContent = `结果：${sum}`;
测试程序
保存JS代码到名为main.js的文件中，并将其引入HTML文档中。刷新HTML文档，如果一切正常，页面上将显示一个标题、“1”和“2”两个链接和一个结果div，其中包含相加后的结果。
总结
通过这篇文章，我们学习了如何使用JavaScript编写一个程序，该程序接受链接列表中的两个数字，将它们相加并将结果显示在页面上。我们使用了基本的DOM操作：使用querySelectorAll方法选择链接元素，使用textContent属性获取链接的文本内容，使用加法运算符将数字相加，并使用textContent属性将结果添加到div元素中。JavaScript是一个非常强大和有用的编程语言，如果您对此感兴趣，建议您继续深入了解它的更多功能和用法。