场景:学生自测知识点掌握情况。下面是最终效果和实现它的代码。
太阳系中最大的行星是?
<p>太阳系中最大的行星是?</p>
<button onclick="checkAnswer('地球', false)">A) 地球</button>
<button onclick="checkAnswer('木星', true)">B) 木星</button>
<button onclick="checkAnswer('火星', false)">C) 火星</button>
<p id="feedback"></p>
<script>
function checkAnswer(isCorrect) {
var feedbackEl = document.getElementById('feedback');
if (isCorrect) {
feedbackEl.textContent = '回答正确!';
feedbackEl.style.color = 'green';
} else {
feedbackEl.textContent = '回答错误,再想想!';
feedbackEl.style.color = 'red';
}
}
</script>
鼓励老师们发散思维,思考如何将今天学到的技巧应用到自己的学科中。
语文
古诗词展示
数学
函数图像互动
英语
情景对话
物理
电路开关模拟
化学
分子结构查看
生物
细胞分裂动画
地理
板块运动示意
历史
时间轴事件
直接通过浏览器中运行的HTML网页来修改您本地计算机上的文件是**不被允许的**,这是浏览器核心的安全机制,用以防止恶意网站损害您的电脑。
我们之前演示的“保存”功能,实际上是触发了浏览器的**下载**功能,需要用户手动选择保存位置,并非直接修改原文件。
开放提问时间,请畅所欲言!
python -m http.server 是分享利器。勇于尝试,技术赋能教学并非难事!
感谢各位老师的参与!希望今天的分享能为大家的教学带来新的灵感!