Javascript 动态添加文本输入字段_Javascript_Jquery_Html

Javascript 动态添加文本输入字段

javascript jquery html

Javascript 动态添加文本输入字段,javascript,jquery,html,Javascript,Jquery,Html,我不熟悉Javascript和Jquery，并尝试学习如何以友好方式添加元素到我的html 我的HTML： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Academic Calculator</title> <meta name="Calculator" content="Academic Calc

我不熟悉Javascript和Jquery，并尝试学习如何以友好方式添加元素到我的html

我的HTML：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Academic Calculator</title>
    <meta name="Calculator" content="Academic Calculator">
    <link rel="stylesheet" href="Calculate.css">

</head>
<body>
    <script src="CalculatorLogics.js"></script>
    <div>
        <form>
                First Name:<br>
                <input name="first-name">
                <br>
                Last Name:<br>
                <input name="last-name">
                <br>
            <hr>
        </form>
    </div>
    <div class="courses">
        <button type="button" onclick="createNewCourses()">Add Course</button>
    </div>
</body>
</html>


学术计算器
名字：



姓氏：




添加课程

还有我的Javascript：

function createNewCourses() {
    $(".courses").append("<input type='text>");
}

函数createNewCourses（）{
$（“.courses”）.append（“您犯了一个错误”文本
替换为“文本”


函数createNewCourses（）{
$（'.courses'）。追加（''）；
}

名字：



姓氏：




添加课程
您犯了一个错误'text
替换为“text”


函数createNewCourses（）{
$（'.courses'）。追加（''）；
}

名字：



姓氏：




添加课程
我知道有一个编辑已批准，但它通过修复问题使答案无效。因此，我已将其填回。我知道有一个编辑已批准，但它通过修复问题使答案无效。因此，我已将其填回。