내 사업부의 폭을 변경하는 방법

Question

안녕하세요 사용자 삽입 값이, 내가 지금 여기에 자동으로 크기를 변경하고자 할 때 자바 스크립트, 내 div 요소의 폭과 높이를 변경하려고 모든 사람들이 내가 뭘하려

자바 스크립트 :

<br><p>chose button color</p> 
<a href="#" onclick="redBtn()">red</a> 
<a href="#" onclick="blueBtn()">blue</a> 
<a href="#" onclick="greenBtn()">Green</a> 
<a href="#" onclick="yellowBtn()">Yellow</a> 
<a href="#" onclick="whiteBtn()">White</a><br> 
OR type your own: <input type="text" id="ownBtn"> <button onclick="submitBtn();" href="javascript:;">Submit</button><br> 
Type your width: <input type="text" id="userWidth"><button onclick="submitWidth()" href="javascript:;">Submit Width</button> </input><br> 

<div class="div1" id="div1" class="class1">  
    <div class="div2" id="div3">  
     <a href="https://calendly.com/dumbomoving"> 

     </a>     
    </div> 
</div> 
<script> 
function submitWidth() { 
    var userWidth = document.getElementById(); 
    document.getElementById("div2").style.width = userWidth.value + "px"; 
} 
    function submitBtn() 
{ 
    var userBack = document.getElementById('ownBtn'); 
    document.getElementById("btn1").style.backgroundColor =ownBtn.value;  
} 
</script> 

버튼 색상은 괜찮지 만 폭은 그렇지 않습니다! 그래서 누군가 어떻게 이것을 할 수있는 아이디어가 있습니까?

Answer 1

당신은

document.getElementById("div2") 

을 썼다 그러나 나는 당신의 HTML에서 ID div2 아무 요소를 볼 수 없습니다.

당신은

<div class="div2" id="div3"> 

을했다하지만 당신은 아마 모든 자바 스크립트가 정말 이상해, 결국

<div class="div2" id="div2"> 

을 쓰고 싶었다. 어쩌면이 시도 :

function submitWidth() { 
    var userWidth = document.getElementById("userWidth"); 
    userWidth.style.width = userWidth.value + "px"; 
} 

Answer 2

그것은 아주 어리석은 실수

function submitWidth() { 
    var userWidth = document.getElementById('userWidth'); 
    document.getElementById("div2").style.width = userWidth.value + "px"; 
} 

내가 getElement에 ID을 넣어 깜빡했다. Bu 이제 문제가 생겼습니다. div의 그림이 크기를 조정하고 싶지 않습니다. 누군가가 조언을한다면 환영합니다.