Objetivo: Al pulsar los botones, espada, hacha, etc, el estilo del cursor cambie por una imagen. PD: En el código js solo hice los dos primeros inputs pero no funcionan.
HTML
<!doctype html>
<html>
<head>
<script src="DH18.js"></script>
<link rel="StyleSheet" href="DH18.css" type="text/css">
</head>
<body>
<input type="button" value="Espada" id="bespada">
<input type="button" value="Hacha" id="bhacha">
<input type="button" value="Lanza" id="blanza">
<input type="button" value="Arco" id="barco">
<input type="button" value="Magia" id="bmagia">
</body>
</html>
JS
window.addEventListener('load', iniciar, false);
function iniciar(){
var espada=document.getElementById('bespada');
var hacha=document.getElementById('bhacha');
var lanza=document.getElementById('blanza');
var arco=document.getElementById('barco');
var magia=document.getElementById('bmagia');
espada.addEventListener('click', mouseEspada, false);
hacha.addEventListener('click', mouseHacha, false);
lanza.addEventListener('click', mouseLanza, false);
arco.addEventListener('click', mouseArco, false);
magia.addEventListener('click', mouseMagia, false);
}
function mouseEspada(e){
var cuerpo=document.getElementsByTagName('html');
cuerpo.style.cursor="url('ragnell.png'),auto";
}
function mouseHacha(e){
var cuerpo=document.getElementsByTagName('html');
cuerpo.style.cursor="url('hacha.png'),auto";
}
elemento.style.cursor = "url('tucursor.png'),auto"