4

シンプルな JavaScript。

var userName = prompt ("What's your name?");
document.write ("Hello " + userName + ".");

ポップアップ ボックス以外にユーザーの入力 (名前) を取得する別の方法はありますか? ユーザーの名前を取得するために、サイト内にテキスト ボックスを実装するにはどうすればよいですか?

これはどのように？

<section class="content">
<input id="name" type="text">
<button onclick="userName()">Submit</button>
<p id="user"></p>
<script>
function userName() {
var name = document.getElementById("name").value;
user.innerHTML = "Hello" + " " + name}
</script>
</section>
4

4 に答える 4

1

私は最近、これを行う JS ミニライブラリ iocream.js を書き終えました。

iocream.js を使用すると、コードは次のようになります。

<script src=".../iocream.js"></script>              <!-- include the library -->
<pre id="io_operations"></pre>                      <!-- the JAR/hub of I/O -->
<script>
var jar = new IOCream('io_operations');
function ask_name() {
    jar.jin(say_hello, 'Please enter your name: '); // jin is read like C++'s cin
    // say_hello is a CALLBACK FUNCTION which will
    // triggered on the user's input, when available.
}
function say_hello(name) {
    jar.jout('Hello ' + name + '.');               // again, read like C++'s cout
}
ask_name();
</script>

すべての入出力操作は PRE 要素で発生し、その ID を IOCream コンストラクターに提供する必要があります。配色を設定するオプションがあります。オプションで、CSS を使用して PRE 要素全体のスタイルを設定することもできます。

ドキュメントはこの bitbucket リポジトリにあり、サンプルはこちらにあります。

于 2013-12-14T15:25:44.803 に答える