MIT App inventor猜地点逻辑设计代码怎么写呀

对APP开发进行逻辑设计，在文本输入框输入地点名称后点击“确定”按钮时，如果文本输入框中输入的文本与图片名称一致，则标签文本显示为“恭喜你，猜对啦！”；否则标签提示为“对不起，回答错误”。求逻辑设计代码

我写一个简答 demo，你可以运行看看，有问题再问我。
HTML代码：

<label for="inputBox">请输入地点名称：</label>
<input type="text" id="inputBox">
<button onclick="checkAnswer()">确定</button>
<p id="result"></p>

JavaScript代码：

// 地点名称和图片名称
var placeName = '九寨沟';
var imageName = 'img/jiuzhaigou.jpg';

// 获取输入框和结果标签
var inputBox = document.getElementById('inputBox');
var resultLabel = document.getElementById('result');

// 检查输入的地点名称是否正确
function checkAnswer() {
    var answer = inputBox.value;
    if(answer.trim().toLowerCase() === placeName) {
        resultLabel.innerText = '恭喜你，猜对啦！';
    } else {
        resultLabel.innerText = '对不起，回答错误。';
    }
}

以上代码中，变量 placeName 存储地点名称，imageName 存储对应的图片名称，inputBox 存储输入框对象，resultLabel 存储结果标签对象。函数 checkAnswer() 用于检查输入框中输入的地点名称是否与预先定义的地点名称一致，并根据检查结果在结果标签中显示对应的提示信息。