为什么别人在函数前面申请了一个变量 而点击按钮有效果而我的没有

Question

我的js 
<!--当点击相应按钮，执行相应操作，为按钮添加相应事件-->
    <input type="button" value="改变颜色" onclick="ss()" >  
    <input type="button" value="改变宽高" >
    <input type="button" value="隐藏内容" >
    <input type="button" value="显示内容" >
    <input type="button" value="取消设置" >
  </form>
  <script type="text/javascript">
//定义"改变颜色"的函数
var s =document.getElementById("txt")
function ss()
var sss =prompt("ys","red")
if(sss!=null)
{
 s.style.color=sss;
    
    
}
别人的
    <input type="button" value="改变颜色"  onclick="col()">  
    <input type="button" value="改变宽高"  onclick="ruler()">
    <input type="button" value="隐藏内容"  onclick="display()">
    <input type="button" value="显示内容" onclick="play()">
    <input type="button" value="取消设置"  onclick="re1()">
  </form>
  <script type="text/javascript">
var txt=document.getElementById("txt");
//定义"改变颜色"的函数
function col(){
    var col1=prompt("你要把文字改成什么 颜色？","red");
    if(col1!=null){
        txt.style.color=col1;
        }
    var col2=prompt("你要把背景改成什么颜色？","#ccc");
    if(col2!=null){
        txt.style.background=col2;

Answer 1

首先你要看你的代码有没有报错，然后你看一下你有没有txt这个id名？