html中如何获得输入的东西,如何获取html输入并使用外部javascript显示它

我已经编写了一个相当基本的页面来收集学生信息(名字、姓氏、学期和课程名称)。名字和姓氏是input type=“text”s,学期和课程名称是下拉列表。

我现在需要使用一个外部JS文件来获取存储在输入中的文本,并将它们显示在registered course下

“名字姓氏注册参加以下课程:

学期:

课程:“

这是我写的html代码

University Registration

University Registration System

Student and Course Info:

First Name:

Last Name:

Semester:

Fall 2019

Spring 2020

Course Name:

CIS 365 - Business Database Systems

CIS 425 - Enterprise Web Technologies

Register

Registered Course:

这是我写的css代码

header h1

{

text-align: center;

padding: 10px;

border-bottom: 1px solid black;

}

form .fn

{

display: inline-block;

padding: 5px;

}

form .ln

{

display: inline-block;

padding: 5px;

}

form .semester

{

display: inline-block;

padding: 5px;

}

form .course

{

display: inline-block;

padding: 5px;

}

form .button

{

padding: 5px

}