私は持っているJavaScript関数の助けが必要

Question

私は、ユーザーの入力に基づいて画像のボーダー半径と不透明度を変更するJavaScript関数を持っています。ここで ではJavaScriptです：

<script> 
var input = document.getElementById('opc'); 
var text = document.getElementById('main'); 

function changeOpacity(event) { 
    if (event.keyCode === 13) { 
    var value = input.value; 
    var parts = value.split(' '); 
    text.style.opacity = '0.' + value; 
    } 
} 
input.addEventListener('keyup', changeOpacity); 
</script> 
<script> 
var input = document.getElementById('modell'); 
var text = document.getElementById('image'); 

function changeBorderRadius(event) { 
    //works with spacebar 
if (event.keyCode === 32) { 
    var value = input.value; 
    var parts = value.split(' '); 
    text.style.borderRadius = '5' + value; 
    } 
} 
input.addEventListener('keyup', changeBorderRadius); 
</script> 

そして、ここではHTMLです：

<div id = "main"><img id="image" src = "flag.gif" alt = "Flag" style = "left:0; top: 0;" /></div> 
<br/> 
<table border="1" style="background-color: #CCFFCC"> 
<tr> 
<td> 
Opacity Value (1 - 9) 
</td> 
<td> 
<input type="text" id="opc" /> 
</td></tr> 
<tr> 
<td> 
Border Radius (px/%) 
</td> 
<td> 
<input type="text" id="modell" /> 
</td></tr> 
</table> 
</body> 

私はこのStackOverflowのの助けを借りて作業不透明なものを得ました。 ：D

私はうまくいきましたが、この境界機能を追加した後に不透明なものが機能しなくなった別の機能（ボーダー機能）を追加しようとしました。

私はここで何が欠けているのか、何が問題なのか誰かに教えてもらえますか？

Answer 1

を上書きなっているINPUT1への入力などの

何か。ここで

それのjsfiddleは

<script> 
    function changeBorderRadius(e) { 
    var key = e.which || e.keyCode || 0; 
     //works with space 
    if (key == 32) { 
     var value = inputBoarder.value; 
     var parts = value.split(' ');  
     textBoarder.style.borderRadius = parts[0] + "px"; 
     } 
    } 
    function changeOpacity(e) { 
     var key = e.which || e.keyCode || 0; 
     if (key == 32) { 
     var value = inputOPC.value;   
     textOPC.style.opacity = '0.' + value; 
     } 
    } 

    var inputOPC = document.getElementById('opc'); 
    var textOPC = document.getElementById('main'); 
    inputOPC.addEventListener('keyup', changeOpacity); 

    var inputBoarder = document.getElementById('modell'); 
    var textBoarder = document.getElementById('image'); 
    inputBoarder.addEventListener('keyup', changeBorderRadius); 
</script> 

Answer 2

いずれかのスクリプトタグの変数の名前を変更します。変数の

値は、あなたのjavascriptのビットを変更する必要が