一、获取选项、文本框中的值、监听按钮的click
document.getElementById('recognizeBtn').addEventListener('click', function() {
const inputText = document.getElementById('input').value;
const selectElement = document.getElementById("select-option"); // 获取选择框元素
var selectedValue = parseInt(selectElement.value); // 获取选择框选择的值
if(selectedValue == 1){
var pinyinResult = PinyinHelper.convertToPinyinString(inputText, ' ', PinyinFormat.WITH_TONE_MARK);
}else{
var pinyinResult = PinyinHelper.convertToPinyinString(inputText, ' ', PinyinFormat.WITHOUT_TONE);
}
const outputElement = document.getElementById('output');
outputElement.textContent = pinyinResult;
outputElement.style.display = 'inline'; // 显示结果区域
});
1.监听按钮用的是
.addEventListener('click', function(){})
一点按钮就执行这个函数。
2.获取选项的值
const selectElement = document.getElementById("select-option"); // 获取选择框元素
var selectedValue = parseInt(selectElement.value); // 获取选择框选择的值
对应html代码是这样的：
<select id="select-option" class="form-select" aria-label="Default select example">
<option value="1">Tone</option>
<option value="2">No tone</option>
</select>
参考的这是的代码：https://www.cnblogs.com/webSnow/p/15870345.html
3.获取输入框中的值：
const inputText = document.getElementById('input').value;
很简单。
4.在文本框中显示
const outputElement = document.getElementById('output');
outputElement.textContent = pinyinResult;
outputElement.style.display = 'inline'; // 显示结果区域
二、if else
js中if, else的写法
if(){
}esle{
}