Javascript 如何创建'；onclick'；功能？

我想创建一个“onclick”函数。 在Youtube的帮助下，我做到了这一点。 现在我想添加一个函数，当我点击灰色区域时，另一个容器向右移动50%的宽度。我想用文字和图片填充这个分区。 对不起，我的英语不好，我希望你们能理解我的意思

.news{
位置：固定；
显示：块；
宽度：33.33%；
身高：100%；
浮动：左；
背景颜色：灰色；；
背景尺寸：自动，封面；
过渡：宽度0.5s；
}
.打开{
宽度：50%；
过渡：宽度0.5s；
位置：固定；
显示：块；
宽度：50%；
身高：100%；
浮动：左；
背景颜色：灰色；
背景尺寸：自动，封面；
}

函数切换类（el）{
如果（el.className==“新闻”）{
el.className=“打开”；
}否则{
el.className=“新闻”；
}
}

您可以使用innerHTML属性添加文本

el.innerHTML = 'text'

---

很好的标题人。通过努力，鼻子上的一本好书。