Why does the background color not change in jsfiddle

Question

I found this code from w3schools. There it works but when I run it in jsfiddle there is an issue.

<input type="text" onfocus="myFunction(this)">


function myFunction(x) {
    x.style.background = "yellow";
}

check on the left menu that the javascript is not "onload" but "no wrap -in head" or something like that — Jkike, Sep 22 '15 at 14:01
also check http://stackoverflow.com/questions/31848850/code-in-the-jsfiddle-is-not-working/31848917#31848917 — Tushar, Sep 22 '15 at 14:02
Thank you for your answers. I didn't know that it was duplicated. How can I delete my question? — sotirios, Sep 22 '15 at 14:05

ozil · Accepted Answer · 2015-09-22T14:05:09.107

3

Edited:Better if it would be added in head

edited Sep 22 '15 at 14:05

answered Sep 22 '15 at 14:01

ozil

score 0 · Answer 2 · answered Sep 22 '15 at 14:02

0

Using addEventListener works for me.

var input = document.getElementsByTagName("input")[0];

input.addEventListener("focus", function() {
    this.style.background = "yellow";
});

answered Sep 22 '15 at 14:02

Richard Hamilton

2 Answers2