请问怎么用JavaScript展示图片（本地图片&网络图片）？

使用JavaScript编程：在网页上展示一个等式，如1+1等于几，用一个文本框让用户输入答案，并点击按钮检查结果，如果答案正确，则显示一张赞扬的图片，如果不正确，则显示一张表现错误的图片，图片自行准备。

该回答通过自己思路及引用到GPTᴼᴾᴱᴺᴬᴵ搜索,得到内容具体如下：
展示本地图片可以使用标签，展示网络图片可以使用标签的src属性来指定图片的URL。以下是一个简单的示例代码：

<!-- 展示本地图片 -->
<img src="path/to/local/image.jpg" alt="Local Image">

<!-- 展示网络图片 -->
<img src="http://example.com/remote-image.jpg" alt="Remote Image">

对于你提出的 JavaScript 编程问题，以下是一个示例代码，可以在网页上展示一个等式，并让用户输入答案，检查结果后显示不同的图片：

<!-- 展示等式 -->
<p>1 + 1 = <input type="text" id="answer"> <button onclick="checkAnswer()">Check</button></p>

<!-- 展示图片 -->
<img id="resultImage" style="display: none;">
<script>
function checkAnswer() {
  // 获取用户输入的答案
  var answer = document.getElementById('answer').value;
  // 检查答案是否正确
  if (answer == 2) {
    // 答案正确，显示赞扬图片
    document.getElementById('resultImage').src = "path/to/praise-image.jpg";
  } else {
    // 答案错误，显示错误图片
    document.getElementById('resultImage').src = "path/to/error-image.jpg";
  }
  // 显示图片
  document.getElementById('resultImage').style.display = "block";
}
</script>

在上面的代码中，我们首先展示了一个等式，用户可以在文本框中输入答案，并点击按钮检查结果。然后，我们使用 JavaScript 编写了一个名为 checkAnswer 的函数来检查答案，并根据答案正确与否来显示不同的图片。其中，我们使用了标签来展示图片，并根据需要设置了其style属性的display属性来控制图片的显示或隐藏。

如果以上回答对您有所帮助，点击一下采纳该答案～谢谢

该回答引用chatgpt:图片换成你自己的就行了

<!DOCTYPE html>
<html>
<head>
  <title>等式检查</title>
  <script src="script.js"></script>
</head>
<body>
  <h1>1 + 1 = ?</h1>
  <input type="text" id="answer" placeholder="请输入答案">
  <button onclick="checkAnswer()">检查答案</button>
  <div id="result"></div>
  <img id="correctImg" src="correct.jpg" style="display: none;">
  <img id="wrongImg" src="wrong.jpg" style="display: none;">
</body>
<script type="text/javascript">
  
  function checkAnswer() {
  var answer = document.getElementById("answer").value;
  
  if (answer === "2") {
    document.getElementById("result").innerText = "回答正确！";
    document.getElementById("correctImg").style.display = "block";
    document.getElementById("wrongImg").style.display = "none";
  } else {
    document.getElementById("result").innerText = "回答错误！";
    document.getElementById("correctImg").style.display = "none";
    document.getElementById("wrongImg").style.display = "block";
  }
}

</script>
</html>

这个问题的回答你可以参考下: https://ask.csdn.net/questions/158246
这篇博客你也可以参考下：用JavaScript做一个计算器，下拉框选择加减乘除操作，点击按钮计算结果。
除此之外, 这篇博客: JavaScript基础语法学习总结(完结)中的 案例：程序随机生成一个1~10之间的数字，并让用户输入一个数字，如果大于就提示数字大了，小于就提示数字小了，等于提示猜对了，结束程序 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:


```<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        function getRandom(min, max) {
            return Math.floor(Math.random() * (max - min + 1)) + min;
        }
        var ran = getRandom(1, 10);
        while (true) {
            var num = prompt('请输入1~10之间的一个数字');
            if (num > ran) {
                alert('你猜大了');
            } else if (num < ran) {
                alert('你猜小了');
            } else {
                alert('恭喜你猜对了！');
                break;
            }
        }
    </script>
</head>

<body>
</body>

</html>

您还可以看一下欧阳桫老师的JavaScript从入门到全栈开发课程中的电商案例：搭建工程结构小节, 巩固相关知识点
以下回答由chatgpt基于相关博客总结生成:
我可以给你提供展示本地和网络图片的JavaScript代码。具体操作步骤如下：
1. 在HTML文件中创建一个img元素来展示图片：
```
<img id="myImage" src="#" alt="显示图片">
```
1. 使用JavaScript代码找到该元素并更改其src属性来展示本地和网络图片。例如，当用户点击一个按钮，输入正确的答案时，展示赞扬的图片：
```
// 获取img元素
let img = document.getElementById("myImage");

// 更改src属性，展示赞扬的图片（例如saved/zan.jpg）
img.src = "saved/zan.jpg";
```
1. 当用户输入错误的答案时，展示错误的图片。例如：
```
// 获取img元素
let img = document.getElementById("myImage");

// 更改src属性，展示错误的图片（例如saved/wrong.jpg）
img.src = "saved/wrong.jpg";
```
综上所述，以上代码可以实现JavaScript展示本地和网络图片的功能。根据不同的场景和需要，可以通过更改img元素的src属性，来展示需要的图片。