입력 필드에 기본값이지만 변경할 수있는 값을 어떻게 설정할 수 있습니까?

요르겐

저는 현재 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] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

cakephp에서 입력 이름을 어떻게 변경할 수 있습니까?

분류에서Dev

삽입시 Ecto 모델의 일부 필드에 일부 값을 어떻게 설정할 수 있습니까?

분류에서Dev

Angular의 값에 오류없이 레이블에 대한 입력을 어떻게 변경할 수 있습니까?

분류에서Dev

선택한 항목의 값을 입력 필드의 값에 어떻게 전달할 수 있습니까?

분류에서Dev

민감한 출력 변수의 값을 환경 변수에 어떻게 할당 할 수 있습니까?

분류에서Dev

odoo 9에서 many2one 필드의 기본값을 어떻게 설정할 수 있습니까?

분류에서Dev

변수 값을 어떻게 설정할 수 있습니까?

분류에서Dev

자바 스크립트에서 양식의 입력 값을 어떻게 설정할 수 있습니까?

분류에서Dev

입력 값을 어떻게 표시 할 수 있습니까?

분류에서Dev

v 모델을 사용하는 값 입력을 어떻게 설정할 수 있습니까? -라 라벨

분류에서Dev

JS-입력 값에서 div의 너비와 높이를 어떻게 설정할 수 있습니까?

분류에서Dev

throw 문에 변수 값을 어떻게 삽입 할 수 있습니까?

분류에서Dev

키 경로에서 NSObject의 값을 어떻게 변경할 수 있습니까?

분류에서Dev

변수에 값을 할당하여 Java LabelledSlider 기본값을 어떻게 업데이트 할 수 있습니까?

분류에서Dev

사용자가 입력 한 값을 변수에 어떻게 저장할 수 있습니까?

분류에서Dev

SQLite 테이블 열에 기본값 0을 어떻게 설정할 수 있습니까?

분류에서Dev

입력 범위의 값으로 라벨의 기본 위치를 어떻게 변경할 수 있습니까?

분류에서Dev

쿼리 후 @Transient 필드 값을 어떻게 설정할 수 있습니까? 쿼리에 Hibernate Criteria 사용

분류에서Dev

Mac OS X에서 새 계정의 기본값을 어떻게 변경할 수 있습니까?

분류에서Dev

키보드의 ASCII 값을 어떻게 변경할 수 있습니까?

분류에서Dev

AngularJS의 드롭 다운 상자에서 선택 기본값을 어떻게 설정할 수 있습니까?

분류에서Dev

HTML 속성에 값을 어떻게 설정할 수 있습니까?

분류에서Dev

구성 파일에서 Angular 값을 어떻게 설정할 수 있습니까?

분류에서Dev

별 인수에 대한 기본값을 어떻게 설정할 수 있습니까?

분류에서Dev

쿠분투 배경을 기본값에서 어떻게 변경할 수 있습니까?

분류에서Dev

쿠분투 배경을 기본값에서 어떻게 변경할 수 있습니까?

분류에서Dev

입력에 값이있을 때 div를 어떻게 표시 할 수 있습니까?

분류에서Dev

Angular 9의 입력 필드에 이름 속성을 어떻게 강제 할 수 있습니까?

분류에서Dev

웹 사이트의 JavaScript 코드에서 변수 값을 어떻게 변경할 수 있습니까?

Related 관련 기사

  1. 1

    cakephp에서 입력 이름을 어떻게 변경할 수 있습니까?

  2. 2

    삽입시 Ecto 모델의 일부 필드에 일부 값을 어떻게 설정할 수 있습니까?

  3. 3

    Angular의 값에 오류없이 레이블에 대한 입력을 어떻게 변경할 수 있습니까?

  4. 4

    선택한 항목의 값을 입력 필드의 값에 어떻게 전달할 수 있습니까?

  5. 5

    민감한 출력 변수의 값을 환경 변수에 어떻게 할당 할 수 있습니까?

  6. 6

    odoo 9에서 many2one 필드의 기본값을 어떻게 설정할 수 있습니까?

  7. 7

    변수 값을 어떻게 설정할 수 있습니까?

  8. 8

    자바 스크립트에서 양식의 입력 값을 어떻게 설정할 수 있습니까?

  9. 9

    입력 값을 어떻게 표시 할 수 있습니까?

  10. 10

    v 모델을 사용하는 값 입력을 어떻게 설정할 수 있습니까? -라 라벨

  11. 11

    JS-입력 값에서 div의 너비와 높이를 어떻게 설정할 수 있습니까?

  12. 12

    throw 문에 변수 값을 어떻게 삽입 할 수 있습니까?

  13. 13

    키 경로에서 NSObject의 값을 어떻게 변경할 수 있습니까?

  14. 14

    변수에 값을 할당하여 Java LabelledSlider 기본값을 어떻게 업데이트 할 수 있습니까?

  15. 15

    사용자가 입력 한 값을 변수에 어떻게 저장할 수 있습니까?

  16. 16

    SQLite 테이블 열에 기본값 0을 어떻게 설정할 수 있습니까?

  17. 17

    입력 범위의 값으로 라벨의 기본 위치를 어떻게 변경할 수 있습니까?

  18. 18

    쿼리 후 @Transient 필드 값을 어떻게 설정할 수 있습니까? 쿼리에 Hibernate Criteria 사용

  19. 19

    Mac OS X에서 새 계정의 기본값을 어떻게 변경할 수 있습니까?

  20. 20

    키보드의 ASCII 값을 어떻게 변경할 수 있습니까?

  21. 21

    AngularJS의 드롭 다운 상자에서 선택 기본값을 어떻게 설정할 수 있습니까?

  22. 22

    HTML 속성에 값을 어떻게 설정할 수 있습니까?

  23. 23

    구성 파일에서 Angular 값을 어떻게 설정할 수 있습니까?

  24. 24

    별 인수에 대한 기본값을 어떻게 설정할 수 있습니까?

  25. 25

    쿠분투 배경을 기본값에서 어떻게 변경할 수 있습니까?

  26. 26

    쿠분투 배경을 기본값에서 어떻게 변경할 수 있습니까?

  27. 27

    입력에 값이있을 때 div를 어떻게 표시 할 수 있습니까?

  28. 28

    Angular 9의 입력 필드에 이름 속성을 어떻게 강제 할 수 있습니까?

  29. 29

    웹 사이트의 JavaScript 코드에서 변수 값을 어떻게 변경할 수 있습니까?

뜨겁다태그

보관