用js实现两个按钮控制两张图片，点击左侧按钮，出现第一张图片，点击右侧按钮，出现第二张图片

要使用JavaScript实现两个按钮控制两张图片显示的功能，可以通过以下步骤来完成：

1. 首先，在HTML中放置两个按钮和一个用于显示图片的容器，例如`<img>`标签。
2. 在`<script>`标签中编写JavaScript代码。
3. 使用`document.getElementById()`方法获取按钮和图片容器的DOM元素。
4. 为两个按钮分别添加`onclick`事件处理函数。
5. 在事件处理函数中，使用`src`属性来切换`<img>`标签的图片源。

以下是具体的代码示例：

HTML部分：

<!-- 按钮 -->
<button id="btn1">显示图片1</button>
<button id="btn2">显示图片2</button>

<!-- 图片容器 -->
<img id="imageContainer" src="" alt="图片" />

<!-- 图片源文件 -->
<img id="img1" src="path_to_image1.jpg" style="display:none" alt="图片1" />
<img id="img2" src="path_to_image2.jpg" style="display:none" alt="图片2" />

JavaScript部分：

// 获取按钮和图片容器
var btn1 = document.getElementById('btn1');
var btn2 = document.getElementById('btn2');
var imageContainer = document.getElementById('imageContainer');
var img1 = document.getElementById('img1');
var img2 = document.getElementById('img2');

// 为按钮1添加点击事件
btn1.onclick = function() {
    // 切换图片1显示，图片2隐藏
    imageContainer.src = img1.src;
    img1.style.display = 'block';
    img2.style.display = 'none';
};

// 为按钮2添加点击事件
btn2.onclick = function() {
    // 切换图片2显示，图片1隐藏
    imageContainer.src = img2.src;
    img2.style.display = 'block';
    img1.style.display = 'none';
};

请注意，上面的代码中图片的路径需要替换为实际的图片路径，并且每个图片元素都有一个`style="display:none"`属性，这样初始时图片不会显示，只有通过按钮点击后才能显示出来。