Значение текстового поля/текстовое поле НЕ изменяет постоянно

Question

Вот мой HTML,

Button и Text Field объявлены

Кнопка вызывает функцию:

<div> 
<form> 
    <button onclick="myFunction2()">Click Here</button> 
    <input type="text" name="textbox" id="text" style="width: 10px"/> 
</form> 

Здесь я просто объявить некоторые переменные (JAVASCRIPT):

var integers = { 
     'one': 1, 
     'two': 2, 
     'three': 3, 
     'fiveHundred': 500, 
    } 

Я пытаюсь изменить текстовое значение поля здесь:

function myFunction2() { 
     document.getElementById("text").value = integers["one"]; 
    } 

Цель состоит в текстовом поле, чтобы сказать, 1, он, однако число 1 отображается только на долю секунды.

Извините мой код, поскольку я просто изучаю.

Answer 1

<form> 
    <button onclick="myFunction2()" type="button">Click Here</button> 
    <input type="text" name="textbox" id="text" style="width: 100px"/> 
    </form>