小程序输入数字功能，支持小数点操作

小程序输入数字功能，支持小数点操作，需要实现以下功能：

1. 用户输入数字：用户可以通过文本框输入数字，可以是整数或小数。

2. 显示数字：在界面上显示用户输入的数字。

3. 支持小数点操作：用户可以点击小数点进行四舍五入、取整等操作。

4. 保存和加载数据：当用户退出小程序后，可以保存用户输入的数字；下次打开小程序时，可以加载上次保存的数字。

下面是一个简单的实现方案：

1. 首先，创建一个文本框，用于接收用户输入的数字。

```html

```

2. 创建一个按钮，用于触发数字输入功能。

```html

显示数字

```

3. 创建一个隐藏的文本框，用于显示用户输入的数字。

```html

```

4. 编写JavaScript代码，实现数字输入功能。当用户点击“显示数字”按钮时，获取用户输入的数字，并显示在文本框中。同时，将用户输入的数字保存到本地存储中。

```javascript

document.getElementById('showNumber').addEventListener('click', function() {

var numberInput = document.getElementById('numberInput');

var numberResult = document.getElementById('numberResult');

var number = parseFloat(numberInput.value);

numberResult.innerText = number;

saveNumberToLocalStorage(number);

});

```

5. 编写函数，用于从本地存储中加载数字。当用户打开小程序时，调用该函数，将数字从本地存储中加载到文本框中。

```javascript

function loadNumberFromLocalStorage(number) {

var numberInput = document.getElementById('numberInput');

var numberResult = document.getElementById('numberResult');

numberInput.value = number;

numberResult.innerText = number;

}

```

6. 编写一个函数，用于处理小数点的四舍五入操作。当用户点击小数点时，触发该函数，将数字四舍五入到最接近的整数。

```javascript

function roundNumber(number) {

return Math.round(number * 10) / 10;

}

```

7. 将上述代码整合到一个文件中，即可实现小程序输入数字功能，支持小数点操作。