useing a input field in javascript to replace a div

Question

I want then to fill in a date in the inputfield "datum" and that date have to replace the content of the div "test1". Can anyone help me out :P? I'm struggling on this for a while now haha. This is my code :

<form>
    Datum: <input type="text" id="datum">
</form> 

<script>

    var MyDiv1 = Document.getElementById('datum');

    document.getElementById("www").onclick = function() {   

        document.getElementById("test1").innerHTML = 'MyDiv1';  
    };
</script>

<div id='test1'>This is a dummy text</div>
<a id="www" >Replace it!</a>

its document not Document at line var MyDiv1 = Document.getElementById('datum'); — user2575725
– user2575725, Commented Sep 30, 2014 at 12:54
use document.getElementById("test1").innerHTML = document.getElementById('datum').value; — herr
– herr, Commented Sep 30, 2014 at 12:58

Scimonster · Accepted Answer · 2014-09-30 12:56:02Z

1

You need to lowercase 'document', remove the quotes around 'MyDiv1', and get the value, not the element itself.

 <form>
Datum: <input type="text" id="datum">
</form> 

<script>

  var MyDiv1 = document.getElementById('datum');

document.getElementById("www").onclick = function() {


document.getElementById("test1").innerHTML = MyDiv1.value;  
};
</script>

<div id='test1'>This is a dummy text</div>
<a id="www" >Replace it!</a>

answered Sep 30, 2014 at 12:56

Scimonster

33.4k10 gold badges79 silver badges92 bronze badges

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

Comments

Guffa · Accepted Answer · 2014-09-30 13:00:12Z

There are several issues with the code:

It's document not Document (as Arvind pointed out)
You are trying to access the www element before it exists
You are using the string 'MyDiv1' instead of the variable MyDiv1
You need to use the value property of the element instead of the element itself
You need an href attribute on the link so that it's a link, not a bookmark
You need to return false from the click handler, or the link will be activated

So:

<form>
Datum: <input type="text" id="datum">
</form> 

<div id='test1'>This is a dummy text</div>
<a href="#" id="www">Replace it!</a>

<script>

var MyDiv1 = document.getElementById('datum');

document.getElementById("www").onclick = function() {
  document.getElementById("test1").innerHTML = MyDiv1.value;
  return false;
};

</script>

Manish Bagra · Accepted Answer · 2014-09-30 13:12:28Z

0

Please use below code this may be help you .

<form>
Datum: <input type="text" id="datum">
</form> 
<div id='test1'>This is a dummy text</div>

<a id="www" onclick="changetext();">Replace it!</a>

<script>

function changetext()
{
var MyDiv1 = document.getElementById("datum").value;
document.getElementById("test1").innerHTML=MyDiv1;  
}

</script>

answered Sep 30, 2014 at 13:12

Manish Bagra

11 bronze badge

Collectives™ on Stack Overflow

useing a input field in javascript to replace a div

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related