JS output to a html input

Question

Need the output of the time script to change the input of a input field but can't figure it out.

<script>
function addZero(i) {
if (i < 10) {
    i = "0" + i;
}
return i;
}

function checkouttimeFunction() {
var d = new Date();
var x = document.getElementById("demo");
var h = addZero(d.getHours());
var m = addZero(d.getMinutes());
var s = addZero(d.getSeconds());
x.innerHTML = h + ":" + m + ":" + s;
var elem = document.getElementById("cout");
elem.value = document.getElementById("demo");
}
</script>

Are the functions actually called from another script or from the html? — Ricconnect
– Ricconnect, Commented Jan 20, 2015 at 7:29

Spencer Wieczorek · Accepted Answer · 2015-01-20 07:34:48Z

1

Looks like on the last line in checkouttimeFunction() you want do to:

elem.value = x.innerHTML;

Other than:

elem.value = document.getElementById("demo");

As you are trying to set the value to be a DOM element.

Fiddle Example

answered Jan 20, 2015 at 7:34

Spencer Wieczorek

21.7k7 gold badges46 silver badges57 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

markus-wa · Accepted Answer · 2015-01-20 07:30:25Z

0

I'm assuming you want the innerHTML text of x to be displayed in the input field elem.

You cant set the 'value' attribute to an HTML element, but you can instead just set it to the desired text (e.g the time).

<script>
function addZero(i) {
if (i < 10) {
    i = "0" + i;
}
return i;
}

function checkouttimeFunction() {
var d = new Date();
var h = addZero(d.getHours());
var m = addZero(d.getMinutes());
var s = addZero(d.getSeconds());
var elem = document.getElementById("cout");
elem.value = h + ":" + m + ":" + s;
}
</script>

answered Jan 20, 2015 at 7:30

markus-wa

535 bronze badges

1 Comment

markus-wa Over a year ago

Yes value is right for sure. But you cant set a element as value.

Venkata Krishna · Accepted Answer · 2015-01-20 07:37:13Z

0

You should change

elem.value = document.getElementById("demo");

to

elem.value = document.getElementById("demo").innerHTML;

That should give you what you need. Because you need the content of the element and document.getElementById() will just give you the element, Which will be in the form of an Object.

Hope this helps.

answered Jan 20, 2015 at 7:37

Venkata Krishna

1,7762 gold badges14 silver badges21 bronze badges

Collectives™ on Stack Overflow

JS output to a html input

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related