Home/ Questions/Q 6202993
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-24T04:50:10+00:00

<html> <head> <script type=text/javascript> var c=0; var t; var timer_is_on=0; function timedCount() { document.getElementById(‘txt’).value=c;

  • 0
<html>
<head>
<script type="text/javascript">
var c=0;
var t;
var timer_is_on=0;

function timedCount()
{
document.getElementById('txt').value=c;
if(c == 100) return;
c=c+1;
t=setTimeout("timedCount()",30);
}

function doTimer()
{
if (!timer_is_on)
  {
  timer_is_on=1;
  timedCount();
  }
}
</script> 
</head>

<body onload="doTimer()">
<form>
<input type="button" value="Start count!">
<input type="text" id="txt">
</form>
<p>Click on the button above. The input field will count forever, starting at 0.</p>
</body>
</html>

I want to change 

<input type="text" id="txt">

into

<div type="text" id="txt">

It doesn’t work.
I think the problem is 

document.getElementById('txt').value=c;

But I tried

document.getElementById('txt').innerHTML=c;

It still doesn’t work.
Could someone tell me why?
Cheers!!!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Setting the value of the textbox is going to populate the text in the textbox. If you want to replace an input with a div you should use:

    element.replaceChild(newDiv, oldTextbox);

    Try:

    var div = document.createElement("DIV");
div.id = "txt";
div.innerText = "Hello world!";

var tb = document.getElementById("txt");
tb.parentElement.replaceChild(div, tb);
    • 0