ERROR AL EJECTUAR VARIABLE EN ANDROID STUDIO
Publicado por HELENA (1 intervención) el 07/03/2022 12:31:11
Buenos días a todos, estoy intentando hacer un ejercicio muy sencillo en Android Studio. Tengo un formulario con un campo Número y una imagen con un botón. Al pinchar en el botón la imagen debe adaptar su altura al dato introducido en el campo Número o saltar un alert si no se cumplen las condiciones indicadas. Pero no hay forma, ni cambia la imagen ni aparece el alert,
Este es el código HTML:
Y este es el archivo JS:
Este es el código HTML:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Security-Policy" content="default-src 'self' data: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *; img-src 'self' data: content:;">
<meta name="format-detection" content="telephone=no">
<meta charset="utf-8">
<meta name="msapplication-tap-highlight" content="no">
<meta name="viewport" content="initial-scale=1, width=device-width, viewport-fit=cover">
<link rel="stylesheet" type="text/css" href="jquerymobile/jquery.mobile-1.4.5.min.css">
<script type="text/javascript" src="js/jquery-1.12.3.js"></script>
<script type="text/javascript" src="jquerymobile/jquery.mobile-1.4.5.min.js"></script>
<meta name="color-scheme" content="light dark">
<link rel="stylesheet" href="css/index.css">
<title>App</title>
</head>
<body>
<div data-role="page" id="tappage">
<div data-role="header">
<h1>Formulario</h1>
</div>
<div data-role="content">
<form method="post" id="miForm">
<label for="numero">Número:</label>
<input type="number" name="numero" id="numero"/><br/>
<p><img src="img/logo.png" alt="imagen" id="imagen"></p><br/>
<input type="submit" data-inline="true" value="Enviar" name="enviar"/>
</form>
</div>
<div data-role="footer">
Copyright
</div>
</div>
<script src="cordova.js"></script>
<script src="js/index.js"></script>
</body>
</html>
Y este es el archivo JS:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
document.addEventListener('deviceready', onDeviceReady, false);
function onDeviceReady() {
// Cordova is now initialized. Have fun!console.log('Running cordova-' + cordova.platformId + '@' + cordova.version);
document.getElementById('deviceready').classList.add('ready');
}$(document).on("pageinit", function(){
$("#formulario").on("submit", function(evt){
var valor=$("#numero").val();
if(valor!="" && valor>=10 && valor<=100){
$("#imagen").height(valor);
} else {
alert('El valor del campo no puede ser menor que 10 y mayor que 100');
}evt.preventDefault();
});
});
Valora esta pregunta
0