2017-07-17 40 views
3

私はJavaScriptを学んでいます。ユーザーを摂氏にし、華氏の入力フィールドの華氏に変換する簡単なスクリプトを作成しようとしています。結果をログに記録することはできますが、入力フィールドの中に華氏を入力する方法を理解できません。 Codepen Here摂氏を華氏に変換する - 入力を表示するには

//Capture input string from .inputbox into TestVar 
function testResults (form) { 
    var TestVar = form.inputbox.value, 
     numString = parseFloat(TestVar), 
     text = ""; 

    return numString * 1.8 + 32; 

} 
// Celsius * 1.8 + 32 = Fahrenheit 
console.log(testResults); 

答えて

2

あなたはこれが私のために動作しませんHTMLInputElement.value

// Find the button in the document 
 
let btn = document.querySelector('input[type=button]'); 
 
// Add a click event listener to the button 
 
btn.addEventListener ('click', e => { 
 
    // Find the fahrenheit input field 
 
    let f = document.querySelector('#fahrenheit'); 
 
    // Find the celsisus input field 
 
    let c = document.querySelector('#celsisus'); 
 
    // Make the calculation from the fahrenheit value. 
 
    // Save it to the celsisus input field using `c.value` 
 
    // where `c` is the reference to the celsisus input 
 
    c.value = parseFloat(f.value) * 1.8 + 32; 
 
});
<form name="myform" action="" method="GET"> 
 
    <p>Convert Celsius to Fahrenheit </p> 
 
    <p><input type="text" name="inputbox" value="" id="fahrenheit" placeholder="Fahrenheit"></p> 
 
    <p><input type="text" name="fahrenheit" id="celsisus" value="" placeholder="Celsius"></p> 
 
    <p><input type="button" NAME="button" Value="Click" ></p> 
 
</form>

+0

を使用してそれを行うことができます。私にコードスニペットを表示できますか?私の目標は、ユーザーがボタンをクリックした後にフィールド1(摂氏)の量をフィールド2(華氏)に変換することです。 – StinkyTofu

+0

私は瞬間を教えてください –

+1

実際には 'document.getElementById( 'fahrenheit')'を使用し、摂氏フィールドに変更イベントを追加してください。 –

関連する問題