问:无法执行此操作-查看app.js并预览。该应用程序的目的是显示用户在输入字段中键入的内容,并在H1标签中对其进行预览。几乎所有代码都在那里,只缺少一件事。从输入中检索值。我忘记了怎么做。你能帮我完成吗?谢谢!
js / app.js
//选择博客文章标题的输入。
var $ titleInput = $ (“ #title” );
//选择预览h1标签var $ previewTitle = $ (“ #titlePreview” ); //每秒更新一次预览var PreviewTimer = setInterval (updatePreview ,1000 ); function updatePreview (){ //获取用户的输入var titleValue ; //将用户输入设置为预览标题。$ (“ #titlePreview” )。值
($ titleInput );
$ previewTitle 。文字(titleValue ); }
index.html
<!DOCTYPE html>
< html >
< head >
< link rel = “样式表” type = “ text / css” href = “ theme.css” > </ head > <正文> < div id = “ form” > <标签for = “ title” >博客文章标题</ label > <输入id = “ title”名称= “title“值= ”“
占位符= “在此处输入您的博客标题” >
</ div > < div id = “ preview” > < h1 id = “ titlePreview” > </ h1 > </ div > < script src = “ //code.jquery.com /jquery-1.11.0.min.js“ type = ” text / javascript“ charset = ” utf-8“ > </脚本> <脚本src = ” js / app.js“type = “ text / javascript”字符集
= “ utf-8” > </脚本>
</ body >
</ html >
theme.css
#形式 {
宽度:45 %; 浮动:左; } #预览{宽度:45 %; 浮动:对; }标签{宽度:20 %; 显示:inline-block ; }输入{宽度:70 %; }
答:解决挑战的方法是
function updatePreview(){
//获取用户的输入
var titleValue = $ titleInput.val();
//将用户输入设置为预览标题。
$ previewTitle.text(titleValue);
}