Javascript 将图像自动更新为值_Javascript_Html

Javascript 将图像自动更新为值

javascript html

Javascript 将图像自动更新为值,javascript,html,Javascript,Html,我正在尝试将图像自动更新为输入框的文本。以下是索引代码： <body> <div id="registeer"> <form method="post" action="javascript:login()"> <input type="text" name="gebruikersnaam" placeholder="Gebruikersnaam" /><br><br> <input type=

我正在尝试将图像自动更新为输入框的文本。以下是索引代码：

<body>
<div id="registeer">

  <form method="post" action="javascript:login()">
    <input type="text" name="gebruikersnaam" placeholder="Gebruikersnaam" /><br><br>
    <input type="password" name="wachtwoord" placeholder="Wachtwoord" /><br><br>
    <input type="submit" value="Registeer">
  <form>
  <br>

  </div>
  <div id="registeer-avatar"></div>


<script src="registeer.js"></script>

因此，如果您输入第一个输入，例如“hi”，registeer avatar中的图像将是habbo…&user=hi，但它不工作

谢谢您的帮助。

它可以工作，但您需要调整容器的大小：

  <div id="registeer-avatar"></div>

$（“#寄存器输入[type=text]”）。键控（函数（）{
var值=$（this.val（）；
var background=“url(https://www.habbo.nl/habbo-imaging/avatarimage?img_format=gif&user=“+value+”&action=std&direction=3&head\u direction=3&side=sml&size=b）”；
$（“#注册者化身”）.css（“背景图像”，背景）；
控制台日志（后台）；
});
$（“#registeer input[type=text]”）.blur（函数（）{
如果（！this.value）{
$（“#注册者化身”）.css（“背景”、“url(https://www.habbo.nl/habbo-imaging/avatarimage?img_format=gif&user=ulk&action=std&direction=3&head_direction=3&gesture=sml&size=b)");
}
});
#注册化身{
边框：1px实心#eee；
最小高度：100px；
}









我将其更改为，但它仍然不工作？不过，我忘了添加jquery，它现在正在工作。谢谢你的帮助！
  <div id="registeer-avatar"></div>

#registeer-avatar {
    border: 1px solid #eee;
    min-height: 100px;
}