Заменять Изображения внутри Таблицы. Используя язык сценариев JavaScript

сегодня я хотел бы попросить у них, что помощь маленьким проектом, которую я реализую, оказывается, что я делаю вид pokedex с изображениями. хороший главная проблема укореняется в том, что я добавил кнопку, где, если я даю click этот ему, он добавляет мне к pokemon, что я выбираю мою команду, в меня давать click этот ему, мне присоединяется в положении 1 из моей команды совсем хорошо, но дав ему снова, присоединяется снова в положение 1 из моей команды, когда должно бы быть положения 2 и потом 3 последовательно. и все это я должен делать это в сигару javascritp.

Если я не объясняюсь хорошо, я оставлю видео для того, чтобы было видно более образно, что я прошу.

Видео: https://www.youtube.com/watch? v=ZowuLKj2UW0

Я проектирую: https://mega.nz/#! CrAFCCDQ! seMg3E4ysC26IYI3GDnF7IxawqidLRjwfQXtOCp-RJg

И здесь весь код язык сценариев JavaScript И Html

function pokeimagen(id){
	let pokeimg=document.getElementById('pokedes');
	let pokechange =document.getElementById("pokechange");
	//alert(this.id)

	if(id=="bullbasaur"){
		pokeimg.src="img/bullbasaur.jpg";
		pokechange.setAttribute("name","bullbasaur");
	}

	if(id=="pikachu"){
		pokeimg.src="img/PikachuDex.jpg";
		pokechange.setAttribute("name","pikachu");
	}

	if(id=="charmander"){
		pokeimg.src="img/charmander.jpg";
		pokechange.setAttribute("name","charmander");
	}

	if(id=="snorlax"){
		pokeimg.src="img/snorlax.jpg";
		pokechange.setAttribute("name","snorlax");
	}

	if(id=="eevee"){
		pokeimg.src="img/eevee.jpg";
		pokechange.setAttribute("name","eevee");
	}

	if(id=="psyduck"){
		pokeimg.src="img/psyduck.jpg";
		pokechange.setAttribute("name","psyduck");
	}

	if(id=="squirtle"){
		pokeimg.src="img/squirtle.jpg";
		pokechange.setAttribute("name","squirtle");
	}

	if(id=="jigglypuff"){
		pokeimg.src="img/jigglypuff.jpg";
		pokechange.setAttribute("name","jigglypuff");
	}
}

var i=1;

function change(name){

	/*
  aca probe otro metodo:
  
  var pokethead= document.getElementsByTagName("thead")[0];
	let filas=pokethead.getElementsByTagName("tr");
	let columna=filas[i].getElementsByTagName("td");
	let pokeimg=columna[i].getElementsByTagName("img");

	if(name=="pikachu"){
		pokeimg.src="img/pikachu.png";
		i++;
	}
	if(name=="charmander"){
		pokeimg.src="img/charmander.png";
		i++;
	}
	*/


	if(i=1){
		if(name=="pikachu"){
			let pokeimg=document.getElementById("poke1");
			pokeimg.src="img/pikachu.png"
			i++;
			return 1;
		}
		if(name=="bullbasaur"){
			let pokeimg=document.getElementById("poke1");
			pokeimg.src="img/bullbasaur.png"
			i++;
			return 1;
		}
		if(name=="eevee"){
			let pokeimg=document.getElementById("poke1");
			pokeimg.src="img/eevee.png"
			i++;
			return 1;
		}
		if(name=="charmander"){
			let pokeimg=document.getElementById("poke1");
			pokeimg.src="img/charmander.png"
			i++;
			return 1;
		}
		if(name=="jigglypuff"){
			let pokeimg=document.getElementById("poke1");
			pokeimg.src="img/jigglypuff.png"
			i++;
			return 1;
		}
		if(name=="squirtle"){
			let pokeimg=document.getElementById("poke1");
			pokeimg.src="img/squirtle.png"
			i++;
			return 1;
		}
		if(name=="snorlax"){
			let pokeimg=document.getElementById("poke1");
			pokeimg.src="img/snorlax.png"
			i++;
			return 1;
		}
		if(name=="psyduck"){
			let pokeimg=document.getElementById("poke1");
			pokeimg.src="img/psyduck.png"
			i++;
			return 1;
		}
	}

	if(i=2){
		if(name=="pikachu"){
			let pokeimg=document.getElementById("poke2");
			pokeimg.src="img/pikachu.png"
			i++;
			return 1;
		}
		if(name=="bullbasaur"){
			let pokeimg=document.getElementById("poke2");
			pokeimg.src="img/bullbasaur.png"
			i++;
			return 1;
		}
		if(name=="eevee"){
			let pokeimg=document.getElementById("poke2");
			pokeimg.src="img/eevee.png"
			i++;
			return 1;
		}
		if(name=="charmander"){
			let pokeimg=document.getElementById("poke2");
			pokeimg.src="img/charmander.png"
			i++;
			return 1;
		}
		if(name=="jigglypuff"){
			let pokeimg=document.getElementById("poke2");
			pokeimg.src="img/jigglypuff.png"
			i++;
			return 1;
		}
		if(name=="squirtle"){
			let pokeimg=document.getElementById("poke2");
			pokeimg.src="img/squirtle.png"
			i++;
			return 1;
		}
		if(name=="snorlax"){
			let pokeimg=document.getElementById("poke2");
			pokeimg.src="img/snorlax.png"
			i++;
			return 1;
		}
		if(name=="psyduck"){
			let pokeimg=document.getElementById("poke2");
			pokeimg.src="img/psyduck.png"
			i++;
			return 1;
		}
	}



}



	Pokeproyect
	
	
	
	


PokeCheap
        Agregar
Poke-Mochila

2
задан 14.01.2019, 06:36
2 ответа

Сейчас, если у меня есть ответ. Я верю в новость, потому что другая помещает, что convirtiГі в комментарии и не, если видны изменения. Я изменил tГє cГіdigo надеюсь, что тебе не важно.

ВїHay какая-то razГіn для того, чтобы ты использовал команду LET в заявлениях? Я производился ошибка в в JS и я это снял. Есть много cГіdigo, который оптимизировать и много случаев, чем контролировать, но я предполагаю, что это tendrГЎs в счете так как проект estГЎ начинаясь.

я показываю Тебе то, что я сделал:

В ней funciГіn change (ямс) я прокомментировал cГіdigo, что tenГ-эксперт и aГ±adido следующее:

//Utiliza este comando para ver como funciona tu código en el navegador. Sabiendo el 
//valor de i puedes saber que posición se va a rellenar

console.log('i es igual a: '+i);


//Este IF sirve para controlar que no se añadan más cuando no queda hueco
if (i<7){
    var pokeimg=document.getElementById("poke"+i);  
    switch(name){
        case "pikachu":
            pokeimg.src="img/pikachu.png"
            break;
        case "bullbasaur":
            pokeimg.src="img/bullbasaur.png"
            break;

        case "eevee":
            pokeimg.src="img/eevee.png"     
            break;

        case "charmander":
            pokeimg.src="img/charmander.png"        
            break;

        case "jigglypuff":
            pokeimg.src="img/jigglypuff.png"                
            break;

        case "squirtle":
            pokeimg.src="img/squirtle.png"              
            break;

        case "snorlax":
            pokeimg.src="img/snorlax.png"               
            break;

        case "psyduck":
            pokeimg.src="img/psyduck.png"               
            break;                                              
    }
    i++;
    //He añadido el return 1 aunque no se exactamente para que lo usas. Si es importante solo tienes que descomentarlo
    //return 1 
}else{
    alert('¡Pokeback llena!');  
}

может быть упрощенным mГЎs aГєn, но я думаю, что это хорошее продвижение для того, чтобы ты смог продолжать. Мой совет, если estГЎs начинаясь, он состоит в том, чтобы использовал "console.log" для знания, как оно функционирует, ты cГіdigo. Он очень Гєtil и ты ahorrarГЎ много головных болей.

Приветствие.

2
ответ дан 20.11.2019, 01:24
  • 1
    ¿ Qué ошибка давала тебе let? Завись от контекста, но, в общем, он má s страховка использовать let, что var. [ es.stackoverflow.com/questions/106042/… –  Kiko_L 15.01.2019, 01:06
  • 2
    Возможно это не была ошибка, но если я salí в warning и lí nea в красном. Я только что протестировал мой có я говорю меняясь var из-за let и функционируй правильно и нет ошибок в консоли. –  JRCode 15.01.2019, 01:14
  • 3
    wow! друг большое спасибо. был ответом таким простым, что и не как не мной ocurrió. я ломал голову делая договоренности и входил в каждую колонну каждой линии., но он был таким простым. спасибо снова. ты лучшее. :D –  JaimepaOK 15.01.2019, 17:15

Есть несколько проблем в тебе cГіdigo:

  1. Не estГЎs сравнивая стоимость i (if(i===1) Гі if(i==1)) но это estГЎs распределяя (if(i=1), fГ-jate, что sГіlo ты поместил один =, которым i переходит к тому, чтобы иметь стоимость 1)

  2. Переменная i, начинает в 0 с того, что никогда он не будет вводить в if.

  3. SГіlo первая твоих pokeballs твоего инвентаря имеет пойдите, оставшаяся часть не имеет:

<img src="img/pokeball.png"> (без id)

  1. Если ты нажимаешь botГіn aГ±adir, не выбрав pokemon раньше раньше (когда у тебя есть по умолчанию в Pikachu) не функционирует, так как переменная name estГЎ vacГ - в.

  2. Глаз с глобальными переменными. EstГЎs манипулируя твоим инвентарем с глобальной переменной i и это опасное. Я думаю, что идеальное serГ, - по отношению к которому ты имел один array из объектов с инвентарем, в который ты идешь aГ±adiendo, или снимая элементы segГєn ты нажимаешь botГіn aГ±adir.

Из-за demГЎs, ГЎnimo, потому что estГЎ оставаясь красивым :)

5
ответ дан 20.11.2019, 01:24
  • 1
    Здравствуйте!:3. спасибо за твои рекомендации., но обрати внимание, что, если он имеет, они пойдите каждое изображение., этих они называются poke1, poke2 и я схватил последовательно... относительно изменчивая ямс не, если ты обратил внимание, что я сделал редкому там., что состоял в том, чтобы распределять ему признак в кнопку добавлять с Ямсом =" " согласно которому pokemon. Когда я ему выхожу на маски рюкзака. и относительно договоренности дьявол esque мой учитель мало объяснительный и мы есть enseñ ado мало на этом, но я увижу, что я могу делать. спасибо denuevo. –  JaimepaOK 14.01.2019, 06:23
  • 2
    хороший я верю в то, что уже, который был тем, что переместил, если проект ссылки загружается. я это subí versió n предыдущий, куда я старался делать изменения.... этот уже deberí чтобы быть обновленным. какие-то ошибки остаются ahí но уже я исправил несколько. –  JaimepaOK 14.01.2019, 06:35

Теги

Похожие вопросы