Javascript 使用jquery在单击时更改标题文本

我目前正试图让我的Javascript代码与其他人编写的HTML相匹配。目标是通过使用jquery在文本输入框中键入标题，然后单击按钮来更改标题

不太清楚它为什么不起作用。在我看来，它似乎应该正常运行。如果有人能帮我找到一个正确的解决方案，并向我解释为什么我的解决方案不起作用，我将不胜感激

(HTML shortened)
<tr> <td colspan=2 align=right> Title:<input type=text id=newTitle value="Picture Title"> </td> <td> <button id=genTitle>Change Title</button> </td> </tr>

<h2 id=artTitle align=center>Picture Title</h2>

(javascript)
var newTitle = $('#newTitle').val();
$( "#genTitle" ).click(function() {
    $( "#artTitle" ).text(newTitle)
                                  })

（HTML缩写）
标题：更改标题
图片标题
（javascript）
var newTitle=$（'#newTitle'）.val（）；
$（“#genTitle”）。单击（函数（）{
$（“#artTitle”）.文本（新标题）
})

必须在

单击中提取值

因此Javascript代码变成：

$( "#genTitle" ).click(function() {
    var newTitle = $('#newTitle').val();
    $( "#artTitle" ).text(newTitle)
})

必须在
单击中提取值

因此Javascript代码变成：

$( "#genTitle" ).click(function() {
    var newTitle = $('#newTitle').val();
    $( "#artTitle" ).text(newTitle)
})

看看这个。（我希望您有正确的html，确保所有的引号和双引号都正确地包装在每个属性周围。）

看这个。（我希望您有正确的html，确保所有的引号和双引号都正确地包装在每个属性周围。）

下面是一个工作示例


$（“#genTitle”）。单击（函数（）{
var newTitle=$（'#newTitle'）.val（）；
$（“#artTitle”）.文本（新标题）
})

标题：
改名
图片标题
以下是您的工作示例


$（“#genTitle”）。单击（函数（）{
var newTitle=$（'#newTitle'）.val（）；
$（“#artTitle”）.文本（新标题）
})

标题：
改名
图片标题
Move
var newTitle=$（'#newTitle'）.val（）以从textboxMove
var newTitle=$（'#newTitle'）.val（）获取最新值以从文本框中获取最新值