HTML5 onclick button does not works
<p>I have this html file which must to call one function under onclick, however does not execute anything, neither alerts. I dont know what happend with this button.The button does not works is "id=botonRegistro" (any button works really).</p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
    &lt;head&gt;
&lt;!--        &lt;script type="text/javascript" src="js/jquery-2.0.2.js"&gt;&lt;/script&gt; --&gt;
&lt;!--        &lt;script type="text/javascript" src="js/jquery.mobile-1.4.5.min.js"&gt;&lt;/script&gt; --&gt;
        &lt;script type="text/javascript" src="cordova.js"&gt;&lt;/script&gt;
        &lt;script type="text/javascript" src="js/index.js"&gt;&lt;/script&gt;
        &lt;script type="text/javascript" src="js/functions_v1.js"&gt;&lt;/script&gt;
        &lt;script type="text/javascript" src="js/objects_v1.js"&gt;&lt;/script&gt;
        &lt;meta http-equiv="Content-Security-Policy"  content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *"&gt;
        &lt;meta name="format-detection" content="telephone=no"&gt;
        &lt;meta name="msapplication-tap-highlight" content="no"&gt;
        &lt;meta name="viewport"
            content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width"&gt;
        &lt;link rel="stylesheet" type="text/css" href="css/index.css"&gt;
        &lt;title&gt;KirolAPP&lt;/title&gt;
    &lt;/head&gt;
&lt;body&gt;
    &lt;div data-role="page" id="registerPage"&gt;
        &lt;div data-role="header" align="center"&gt;
            &lt;img src="img/kirolLogo.png"&gt; &lt;br&gt;
        &lt;/div&gt;
        &lt;div data-role="content" align="center" id="registerContent"&gt;
            &lt;form id="formRegistro"&gt;
                &lt;br&gt; &lt;input type="text" id="idNombreReg" style="border: 1;" placeholder="Nombre"&gt;&lt;br&gt;
                &lt;input type="text" id="idSec" style="border: 1;" placeholder="1ºApellido"&gt;&lt;br&gt;
                &lt;input type="text" id="idLast" style="border: 1;" placeholder="2ºApellido"&gt;&lt;br&gt;
                &lt;input type="password" id="idClaveReg" style="border: 1; color: orange;" placeholder="Clave"&gt;&lt;br&gt;
                &lt;input type="password" id="idClaveRegRep" style="border: 1; color: orange;" placeholder="Confirmar clave"&gt;&lt;br&gt;
                &lt;input type="email" id="idEmail" style="border: 1;" placeholder="Email"&gt;&lt;br&gt;
                &lt;button type="button" id="botonRegistro" onclick="alert('Registrado!')"&gt;Registrarse&lt;/button&gt;
            &lt;/form&gt;
        &lt;/div&gt;
        &lt;div  data-role="content" id="back" style="text-align: center; display: none" &gt;
            &lt;a href="index.html" id="botonBack"&gt;Volver&lt;/a&gt;
        &lt;/div&gt;
        &lt;br&gt;
    &lt;/div&gt;

&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>I have tried with </p>

<pre><code>onclick="alert('hello');"
</code></pre>

<p>and I think that onclick does not need a prefix, so... I don't know what happened with this code, because does not calls javascript functions.</p>

<p>Edit: This is my css</p>

<pre><code>body{
    background-image: url("../img/fondoIndex.png");
    background-size: inherit                       
    background-repeat:   no-repeat;
    background-position: center center;
}
</code></pre>

<p>Edit with solution:</p>

<p>I had not added "inline-unsafe" to default-src, like this:</p>

<blockquote>
  <p>https://ssl.gstatic.com 'unsafe-eval'
  'unsafe-inline'; style-src 'self' 'unsafe-inline'; media-src *"></p>
</blockquote>