javascript runs on w3schools.com but not on jsfiddle.net?

Question

ive used a basic example from w3schools.com to get here:
https://jsfiddle.net/02wu0v49/

function myFunction() {
  var x = document.getElementById("fname").value;
  document.getElementById("demo").innerHTML = "aaaaaa";
  document.getElementById("fname").value = "bbbbb";
  alert("lala3");
}

<body>

  <p>A function is triggered when the user releases a key in the input field. The function outputs the actual key/letter that was released inside the text field.</p>

  Enter your name: <input type="text" id="fname" onkeyup="myFunction()">

  <p>My name is: <span id="demo"></span></p>
</body>

somehow the w3schools version works but it wont do anything on jsfiddle?

and it would be really nice to use [code][/code] or something to format code on stackoverflow...all those indents are terrible.

i've set Load Type to `No Wrap- in ` https://jsfiddle.net/BassemMamar/02wu0v49/2/ — Bassem Mamar, Dec 20 '17 at 06:02

Durga · Accepted Answer · 2017-12-20T06:11:29.123

4

Change load type to No wrap in - <body>

Here is updated fiddle

Here is Docs

edited Dec 20 '17 at 06:11

answered Dec 20 '17 at 05:58

Durga

15,263
2
28
52

thank you very much, but why would one need this option for jsfiddle? i mean what does it do to make it work – J. Doe Dec 20 '17 at 07:31
@J.Doe , I have given the doc link. – Durga Dec 20 '17 at 07:36

score 0 · Answer 2 · answered Dec 20 '17 at 06:01

0

If you open the browser console in JS fiddle it lists the error. The HTML can't find the JS.

answered Dec 20 '17 at 06:01

Jason Allshorn

1,625
1
18
27

javascript runs on w3schools.com but not on jsfiddle.net?

2 Answers2