写一个人民币大小写转换的页面
时间: 2023-12-16 09:04:24 浏览: 29
以下是一个简单的人民币大小写转换页面的示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>人民币大小写转换</title>
<meta charset="utf-8">
<style>
input[type="number"] {
width: 150px;
padding: 10px;
font-size: 16px;
}
input[type="submit"] {
padding: 10px 20px;
font-size: 16px;
background-color: #4CAF50;
color: white;
border: none;
cursor: pointer;
}
</style>
</head>
<body>
<h1>人民币大小写转换</h1>
<form>
<label for="amount">请输入金额:</label>
<input type="number" id="amount" name="amount" placeholder="请输入金额" required><br><br>
<input type="submit" value="转换">
</form>
<p id="result"></p>
<script>
function convertToChinese(num) {
var strOutput = "";
var strUnit = '仟佰拾亿仟佰拾万仟佰拾元角分';
num += "00";
var intPos = num.indexOf('.');
if (intPos >= 0)
num = num.substring(0, intPos) + num.substr(intPos + 1, 2);
strUnit = strUnit.substr(strUnit.length - num.length);
for (var i = 0; i < num.length; i++)
strOutput += '零壹贰叁肆伍陆柒捌玖'.substr(num.substr(i, 1), 1) + strUnit.substr(i, 1);
return strOutput.replace(/零角零分$/, '').replace(/零[仟佰拾]/g, '零').replace(/零{2,}/g, '零').replace(/零([亿|万])/g, '$1').replace(/零+$/, '');
}
var form = document.querySelector('form');
var result = document.querySelector('#result');
form.addEventListener('submit', function(event) {
event.preventDefault();
var amount = document.querySelector('#amount').value;
result.textContent = convertToChinese(amount);
});
</script>
</body>
</html>
```
这个页面使用了 HTML、CSS 和 JavaScript 技术。用户可以在输入框中输入金额,然后单击“转换”按钮将其转换为中文大写形式并显示在页面上。转换函数使用了一些字符串操作和替换方法来生成中文大写字符串。