2017-04-07 25 views
0

これは私の最初の質問StackOverflowです。私がルールから逸脱しているように見えても、謝罪します。HTML入力テキストボックスに値を渡して表示する

私は2つのテキストボックスと送信ボタンを持っています。ユーザーは最初の入力ボックスに7などの数字を入力します。 2番目の入力ボックスは、送信ボタンがクリックされると「7」と表示されます。最初のテキストボックスのIDは "userInput"で、2番目のテキストボックスのIDは "userOutput"です。

予備テストとして、次のコードセグメントがjavascriptにありますが、まったく動作していないようです。

function toTest() 
{ 
    if (document.getElementById("inputUser").value==7) { 
     document.getElementById("outputUser").value=="Seven"; 
    } else { 
     window.alert("Functionality not added"); 
    } 
} 

どうすればよいですか?

+1

このような質問は広すぎると考えられます。あなたがここで何を聞くことができるか理解するには、[mcve]を読んでください。 –

+2

ようこそスタックオーバーフロー! [ask]をお読みください。重要なフレーズ:「検索と研究」と「あなたがそれを自分で解決することを妨げた困難を説明する」 –

+0

広い意味では、配列["ゼロ"、 "1"、 "2"、 "3" ...]を作成し、インデックスとしてユーザーの入力を使用して2番目の入力値(secondInput.value = ...)を引っ張った値に設定します。あなたが持っているものを示し、私たちはより多くを助けることができます。 – Snowmonkey

答えて

0

HTML

FirstBox <input id="first" type="text" name="fname"><br> 
SecondBox <input id="second" type="text" name="lname"><br> 
<button onclick="givevalue()" type="button">Click Me!</button> 

ジャバスクリプト

givevalue = function(){ 
    console.log("hello") 
    var value = document.getElementById('first').value; 
    document.getElementById('second').value = value; 

} 

JSのフィドル

https://jsfiddle.net/64w6yjxv/4/

0

使用し、次のコード

J

var th = ['', 'thousand', 'million', 'billion', 'trillion']; 
// uncomment this line for English Number System 
// var th = ['','thousand','million', 'milliard','billion']; 

var dg = ['zero', 'one', 'two', 'three', 'four', 'five', 'six', 'seven',    'eight', 'nine']; 
var tn = ['ten', 'eleven', 'twelve', 'thirteen', 'fourteen', 'fifteen',  'sixteen', 'seventeen', 'eighteen', 'nineteen']; 
var tw = ['twenty', 'thirty', 'forty', 'fifty', 'sixty', 'seventy', 'eighty', 'ninety']; 

function toWords(s) { 
    s = s.toString(); 
    s = s.replace(/[\, ]/g, ''); 
    if (s != parseFloat(s)) return 'not a number'; 
    var x = s.indexOf('.'); 
    if (x == -1) x = s.length; 
    if (x > 15) return 'too big'; 
    var n = s.split(''); 
    var str = ''; 
    var sk = 0; 
    for (var i = 0; i < x; i++) { 
     if ((x - i) % 3 == 2) { 
      if (n[i] == '1') { 
       str += tn[Number(n[i + 1])] + ' '; 
       i++; 
       sk = 1; 
      } else if (n[i] != 0) { 
       str += tw[n[i] - 2] + ' '; 
       sk = 1; 
      } 
     } else if (n[i] != 0) { 
      str += dg[n[i]] + ' '; 
      if ((x - i) % 3 == 0) str += 'hundred '; 
      sk = 1; 
     } 
     if ((x - i) % 3 == 1) { 
      if (sk) str += th[(x - i - 1)/3] + ' '; 
      sk = 0; 
     } 
    } 
    if (x != s.length) { 
     var y = s.length; 
     str += 'point '; 
     for (var i = x + 1; i < y; i++) str += dg[n[i]] + ' '; 
    } 
    return str.replace(/\s+/g, ' '); 
} 

$("#convert").click(function(){ 
    $("#word").val(toWords($("#number").val())); 
}); 

avascript HTML:

<input type="text" id="number"></br> 
<input type="text" id="word"> 
<input type="button" id="convert" value="convert"> 

ここで働いてjsfiddleです:http://jsfiddle.net/nzRje/257/

0

のみを使用して1 =の代わりに、2 ==。 ので、変更します。これに

document.getElementById("outputUser").value=="Seven"; 

を:

document.getElementById("outputUser").value="Seven"; 

2に設定するに等しいと1の手段を意味します。 参照のために '代入演算子'セクションをthis pageに見てください。 これがうまくいきますように!

関連する問題