SOURCE

var name00;
var name01;
var time00;
var time01;
var time02;
var a=document.getElementById("tijiao");
a.onclick=function yunxing(){
  var b=document.getElementById("in01");
    name00=b.value;
  var c=document.getElementById("in02");
   name01=c.value;
   var d=document.getElementById("in03");
   time00=d.value;
   var e=document.getElementById("in04");
   time01=e.value;
   var f=document.getElementById("in05");
   time02=f.value;
   css();
}
function css(){document.getElementById("cs").innerHTML=time02;
}

<div id="all">
	<h1>计时器</h1>
	<div class="viewpoint">
		<div class="viewpoint01">
			<p>正方名称</p>
			<input type="text" id="in01">
    </div>
    <div class="viewpoint02">
      <p>反方名称</p>
      <input type="text" id="in02">
     </div>
  </div>
   <div class="time">
      <p>第一轮时间</p>
      <input type="text" id="in03"><br>
      <p>第二轮时间</p>
      <input type="text" id="in04"><br>
      <p>第三轮时间</p>
      <input type="text" id="in05" v=""><br>
     <button id="qingchu">清除</button>
     <button id="tijiao">提交</button>
   </div>
   <div>
       <p id="cs">测试</p>
   </div>
</div>

*{
    margin: 0;
    padding: 0;
}
h1{
    text-align: center;
}
#all{
    width: 100%;
    background: rgb(165,227,234);
}
.viewpoint{
    height: 100px;
    width: 100%;
}
.viewpoint p{
    position: absolute;
    left: 50%;
    transform: translate(-50%);
}
.viewpoint input{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100px;
}
.viewpoint01{
    position: relative;
    height: 100%;
    width: 50%;
    float: left;
}
.viewpoint02{
    position: relative;
    height: 100%;
    width: 50%;
    float: right;
}
.time{
    height: 200px;
    background: navajowhite;
}
.time p{
    margin-left: 20%;
    display: inline;
    line-height: 30px;
}
.time input{
    margin-left: 20px;
    width: 100px;
}
.time #tijiao{
    width: 20%;
    height: 50px;
    margin-left: 20%;
    background: firebrick;
}
.time #qingchu{
    width: 20%;
    height: 50px;
    margin-left: 20%;
    background: firebrick
}