js修改div的html,js怎么改变div里面的内容

点击什么颜色就在DIV背景显示什么颜色，然后我是div 就变成选中的颜色文字 比如:选中黄色 div里面的文字改变成 我的背景颜色是yellow

这个到底怎么去实现的啊？我写了很多个方式代码都没法实现这个，百度和谷歌上面也没有找到我想要的答案，有大佬帮我解答下吗？就是不会怎么设置改变div里面

Document

#div1 {

width: 300px;

height: 300px;

border: 2px solid gray;

margin: 100px 0 0 200px;

}

// 页面加载

window.οnlοad=init;

//初始化函数

function init() {

// 获取下拉菜单

var bgcolor=document.getElementById("bgcolor");

var div1=document.getElementById("div1");

// 给下拉菜单绑定change事件

bgcolor.οnchange=function() {

// 选中当前的值

}

}

请选择你喜欢的颜色:

请选择

黄色

橘色

粉色

紫色

我是div