저는 현재 Project Euler 사이트에 대한 일부 사용자 입력을 작업 중이며 각 문제에 사이트의 질문에있는 기본값이있는 입력 필드가 있으므로 제출을 누르고 답변을 얻을 수 있습니다. , 그러나 나는 또한 그것을 변경할 수 있기를 원하므로 함수를 사용하여 모든 제한 번호에 대한 답을 찾을 수 있습니다.
var problem1El = document.getElementById("problem1").value;
var problem1buttonEl = document.getElementById("problem1button");
problem1buttonEl.addEventListener("click", findSum);
<p>Problem 1</p><input type="text" id="problem1"><button id="problem1button">Submit</button><a href="https://projecteuler.net/problem=1" target="_blank" class="links">Problem</a><p id="answer1"></p>
함수 findSum 내가 변수의 도움으로 답을 계산하는 곳 여기입니다 problem1El . 내 문제는 HTML 또는 JS의 값 속성을 f.ex "1000"으로 설정하면 더 이상 입력에 따라 변경되지 않는다는 것입니다. 그래서 이것도 :
input type="text" value="1000" id="problem1"
이것도 :
var problem1El = document.getElementById("problem1").value = "1000";
변경할 수있는 기본값을 제공 할 수 있습니다. 대신 자리 표시자를 사용하는 것에 대해 생각했지만 600851475143과 같은 숫자 나 8 번 문제의 말도 안되는 숫자의 경우 비현실적입니다.
도움을 주셔서 감사합니다. 좋은 하루 되세요!
입력 필드의 기본값을 설정하려면 다음과 같이 해당 입력에 대한 "value"속성을 설정해야합니다. 입력 값을 가져 와서 js 변수에 넣는 방식은 정적이므로 일단 가져 오면 더 이상 업데이트되지 않습니다. 항상 새로운 값을 가지 려면 findSum 함수 안에 넣어야합니다. findSum 함수 내에서 무엇을 하려는지 모르겠으므로 결과 상자에 제출 된 값을 에코합니다.
var problem1El = document.getElementById("problem1");
document.getElementById("problem1button").addEventListener("click", findSum);
function findSum(){
var v = problem1El.value;
document.getElementById("result").innerHTML = v;
}
<input type="number" id="problem1" value="1000"/>
<button id="problem1button">Submit</button>
<p>Result is: <span id="result"></span></p>
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다