3
私はJavaScriptを使ってプログラミングするのが初めてです。 <input type="text">要素valueから取得した文字列値を繰り返し、兄弟の<input>要素から取得した番号で文字列を繰り返し、次にを使用して、結果の繰り返し文字列に<div>要素の.innerHTMLを設定しますか？私は期待された結果を返さなかった以下のアプローチを試みました。私の現在の試みで何が間違っていますか？予想される結果を達成するための簡単な方法はありますか？ ループ内の単語を繰り返す
function repeatWord(str, num) {
num = Number(num);
var result = '';
while (true) {
if (num & 1) { // (1)
result += str;
}
num >>>= 1; // (2)
if (num <= 0) break;
str += str;
}
return result;
}
</script><html>
<head>
<title></title>
<style type="text/css">
body {
\t background-color: #D3D3D3;
\t font-family: arial;
\t text-align: right;
\t color: #008B8B;
}
#contentwrap {
\t border: 8px #800000 solid;
\t padding: 20px;
\t width: 600px;
\t border-radius: 25px;
\t text-align: right;
\t background: white;
\t margin: 40px auto 0px auto; \t
}
#formwrap {
\t text-align: center;
\t margin: 0px 0px 60px 0px;
\t min-height: 300px;
}
#title {
\t font-size: 2.2em;
\t border-bottom: 7px #008B8B double;
\t padding: 10px 0px 10px 0px;
\t color: #008B8B;
\t text-align: center;
}
#formtext {
\t text-align: center;
\t margin-top: 5px;
}
.formfield {
\t text-align: center;
\t margin: 5px 20px 10px 20px;
}
#button {
\t border-radius: 20px;
}
#results {
\t font-size: 1em;
}
</style>
</head>
<body>
<div id="contentwrap">
\t <div id="title">Fun with Loops</div> <br />
\t
\t <div id="formwrap">
\t \t <form>
\t
\t \t \t <div id="formtext">Enter any word</div>
\t \t \t <input type="text" id="word" class="formfield" size="20" /> <br />
\t \t \t
\t \t \t <div id="formtext">Enter number of times to repeat word</div>
\t \t \t <input type="text" id="repeatnum" class="formfield" size="20" /> <br />
\t
\t \t \t <input type="button" value="Show Output" id="button" onClick="repeatWord()" />
\t \t </form>
\t
\t \t <div id="results"></div>
\t </div>
</div>
</body>
</html><html>
<head>
<title></title>
<script type="text/javascript">
function repeatWord(str, num) {
num = Number(num);
var result = '';
while (true) {
if (num & 1) { // (1)
result += str;
}
num >>>= 1; // (2)
if (num <= 0) break;
str += str;
}
return result;
}
</script>
<style type="text/css">
body {
\t background-color: #D3D3D3;
\t font-family: arial;
\t text-align: right;
\t color: #008B8B;
}
#contentwrap {
\t border: 8px #800000 solid;
\t padding: 20px;
\t width: 600px;
\t border-radius: 25px;
\t text-align: right;
\t background: white;
\t margin: 40px auto 0px auto; \t
}
#formwrap {
\t text-align: center;
\t margin: 0px 0px 60px 0px;
\t min-height: 300px;
}
#title {
\t font-size: 2.2em;
\t border-bottom: 7px #008B8B double;
\t padding: 10px 0px 10px 0px;
\t color: #008B8B;
\t text-align: center;
}
#formtext {
\t text-align: center;
\t margin-top: 5px;
}
.formfield {
\t text-align: center;
\t margin: 5px 20px 10px 20px;
}
#button {
\t border-radius: 20px;
}
#results {
\t font-size: 1em;
}
</style>
</head>
<body>
<div id="contentwrap">
\t <div id="title">Fun with Loops</div> <br />
\t
\t <div id="formwrap">
\t \t <form>
\t
\t \t \t <div id="formtext">Enter any word</div>
\t \t \t <input type="text" id="word" class="formfield" size="20" /> <br />
\t \t \t
\t \t \t <div id="formtext">Enter number of times to repeat word</div>
\t \t \t <input type="text" id="repeatnum" class="formfield" size="20" /> <br />
\t
\t \t \t <input type="button" value="Show Output" id="button" onClick="repeatWord()" />
\t \t </form>
\t
\t \t <div id="results"></div>
\t </div>
</div>
</body>
</html>
のStackOverflowへようこそ！さらなる質問をする前にhttp://stackoverflow.com/help/how-to-askを読んでください。ありがとう、楽しい時間があります！ – connexo