SOURCE

var mode = 0;
var start = 0;
function modeToggle() {
  if (start == 1) {
    return;
  };
  switch (mode) {
  case 0:
    mode = 1;
    $('.navbar-bottom-left').html('当前：视频');
    $('.navbar-bottom-right').html('点击上传作业');
    break;
  case 1:
    mode = 0;
    $('.navbar-bottom-left').html('当前：语音');
    $('.navbar-bottom-right').html('点击开始录制');
    break;
  }
};
function startUpload() {
  switch (mode) {
  case 0:
    start = 1;
    //录制代码
    start = 0;
    break;
  case 1:
    mode = 0;
    let vurl = prompt("请复制黏贴您的作品链接:");
    //上传代码
    break;
  }
}

<div class="navbar-bottom">
  <div class="navbar-bottom-left" onclick=modeToggle()>
    当前：语音
  </div>
  <div class="navbar-bottom-right" onclick=startUpload()>
    点击开始录制
  </div>
</div>

.navbar-bottom {
  display: flex;
  color: #fff;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 46px;
  background-image: linear-gradient(to right, #434343 0%, black 100%);
}

.navbar-bottom-left {
  text-align: center;
  color: #a0a0a0;
  flex-grow: 1
}

.navbar-bottom-right {
  text-align: center;
  font-weight: bold;
  flex-grow: 5;
  color: rgb(207, 169, 114);
}