JS(第七课)认识function函数（一）

function functionname(){    // 执行代码
}

    h1{
        margin: auto;
        border-radius: 12px;
        font-size: 30px;
        color: red;
        height: 100px;
        width: 80%;
        background-color: rgb(106, 239, 155);
        line-height: 100px;
        text-align: center;
    }

function index() {
    confirm("开始")
    alert("方案一请弹出我要将的内容");
    console.log("我在调用函数的信息内容在控制台中去打印")
    document.write("<h1>我在浏览器中显示信息是在调用函数的名称为index()</h1>")
}
/**
 * @index 在声明的函数调用上面定义的方法index()
 */
index();

// 如果我定义的函数声明了没有调用会有用吗
function a() {
    alert("用户声明了一个函数one()")
}
function aa() {
    document.write("用户输出的内容为one1()")
}
function aaa() {
    console.log("用户在控制台中打印输出的内容aaa()")
}
function aaaa() {
    confirm("用户借宿信息")
}

// * 如果我定义的函数方法调用了会执行代
// *如何去调用上面的函数呢？
function one() {
    confirm("开始")
    alert("方案一请弹出我要将的内容");
    console.log("我在调用函数的信息内容在控制台中去打印")
    document.write("<h1>我在浏览器中显示信息是在调用函数的名称为index()1</h1>")
    alert("用户声明了一个函数one()")
}
function two() {
    confirm("开始")
    alert("方二请弹出我要将的内容");
    console.log("我在调用函数的信息内容在控制台中去打印")
    document.write("<h1>我在浏览器中显示信息是在调用函数的名称为index()2</h1>")
    document.write("用户输出的内容为one1()")
}
function three() {
    confirm("开始")
    alert("方三请弹出我要将的内容");
    console.log("我在调用函数的信息内容在控制台中去打印")
    document.write("<h1>我在浏览器中显示信息是在调用函数的名称为index()3</h1>")
    console.log("用户在控制台中打印输出")
}
function four() {
    confirm("开始")
    alert("方案四请弹出我要将的内容");
    console.log("我在调用函数的信息内容在控制台中去打印")
    document.write("<h1>我在浏览器中显示信息是在调用函数的名称为index()4</h1>")
    confirm("用户借宿信息")
}
// ! 函数的调用
one()
two()
three()
four()

/* 转入两个参数 */
function asd(name, age) {
  alert("姓名:" + name + "年龄:" + age + "岁");
}

/* 转入三个参数 */
function asd1(name, age, sex) {
  alert("姓名:" + name + "年龄:" + age + "岁" + "性别" + sex);
}

/* 转入四个参数 */
function asd2(name, age, sex, phone) {
  alert("姓名:" + name + "年龄:" + age + "岁" + "性别" + sex + "电话" + phone);
}