认识JavaScript-CFANZ编程社区

Java Script，简称JS，是一种轻量级的脚本语言，主要用于网页开发。JavaScript诞生于1995年，由Netscape公司的Brendan Eich创建。其初衷是作为一种在浏览器中运行的脚本语言，以提供更丰富的网页交互功能。随着互联网的发展，JavaScript逐渐成为前端开发的核心技术。

JavaScript是一种广泛用于网络开发的脚本语言，它为网页提供了动态和交互性。它是前端开发的重要组成部分，与HTML和CSS一起，构成了互联网的基础架构。JavaScript的主要优点是其简单易学，以及其丰富的API库，这使得开发者可以轻松地创建复杂的网页应用。

JavaScript的特点

解释执行：Java Script是一种解释性脚本语言，不需要编译，可以直接在浏览器中运行。

基于对象：Java Script是一种面向对象的编程语言，支持类、对象、继承等特性。

事件驱动：Java Script是一种事件驱动的语言，可以根据用户的操作触发相应的事件。

跨平台：Java Script可以在多种操作系统和浏览器上运行，具有良好的跨平台性。

应用实例

创建动态内容：JavaScript可以用于动态地创建和修改HTML内容。例如，你可以使用JavaScript从一个输入框中获取文本，然后在页面上创建一个新的段落。

let name = document.getElementById('name').value;  
document.getElementById('greeting').innerHTML = 'Hello, ' + name + '!';

交互效果：JavaScript可以用于响应用户的交互事件，如点击、滑动等。例如，下面的代码会在用户点击按钮时弹出一个提示框。

document.getElementById('myButton').addEventListener('click', function() {  
  alert('Button clicked!');  
});

计算两个数的和

首先，我们需要在HTML文件中创建一个输入框和一个按钮，用于输入两个数以及触发计算操作。代码如下：

<!DOCTYPE html>
<html>
<head>
    <title>Java Script示例</title>
</head>
<body>
    <input type="text" id="num1" placeholder="请输入第一个数">
    <input type="text" id="num2" placeholder="请输入第二个数">
    <button onclick="calculateSum()">计算和</button>
    <p id="result"></p>
</body>
</html>

然后，我们需要编写一个名为calculateSum的Java Script函数，用于计算两个数的和并将结果显示在页面上。代码如下：

function calculateSum() {
    var num1 = parseFloat(document.getElementById("num1").value);
    var num2 = parseFloat(document.getElementById("num2").value);
    var sum = num1 + num2;
    document.getElementById("result").innerHTML = "两数之和为：" + sum;
}

在这个实例中，我们首先通过getElementById方法获取输入框中的数值，然后使用parseFloat函数将字符串转换为浮点数。接着，我们计算两个数的和，并将结果显示在页面上。最后，我们通过onclick属性为按钮添加点击事件，当用户点击按钮时，触发calculateSum函数，得到计算结果。