Skip to main content
se eliminaron 10 caracteres en el cuerpo; etiquetas editadas; título editado
Origen Enlace
Carlos Muñoz
  • 13.5k
  • 2
  • 47
  • 67

refactorizacion Refactorización de triangulotriángulo cambia colores

Como¿Cómo puedo mejorar este codigo, hay alguncódigo? ¿Hay algún evento para cambiar de color?, no

No quiero usar estas condiciones if(color==0){ , en realidad cual seria la¿Cuál sería otra forma de resolverresolverlo?

var flecha=document.getElementById("flecha")
var color=0;
flecha.onclick = function() {
 if(color==0){ 
   this.style.borderBottom ="100px solid red";
   this.style.borderLeft ="50px solid transparent";
   this.style.borderRight ="50px solid transparent";
   color=1;
 }else{
   this.style.borderBottom ="100px solid #3af";
   this.style.borderLeft ="50px solid transparent";
   this.style.borderRight ="50px solid transparent";
   color=0;
 }
 }
#flecha{
  border-bottom:100px solid #3af;
  border-left:50px solid transparent;
  border-right:50px solid transparent;
  width: 0;
  height: 0;
}
<div id="flecha"> </div>

refactorizacion de triangulo cambia colores

Como puedo mejorar este codigo, hay algun evento para cambiar de color?, no quiero usar estas condiciones if(color==0){ , en realidad cual seria la otra forma de resolver?

var flecha=document.getElementById("flecha")
var color=0;
flecha.onclick = function() {
 if(color==0){ 
   this.style.borderBottom ="100px solid red";
   this.style.borderLeft ="50px solid transparent";
   this.style.borderRight ="50px solid transparent";
   color=1;
 }else{
   this.style.borderBottom ="100px solid #3af";
   this.style.borderLeft ="50px solid transparent";
   this.style.borderRight ="50px solid transparent";
   color=0;
 }
 }
#flecha{
  border-bottom:100px solid #3af;
  border-left:50px solid transparent;
  border-right:50px solid transparent;
  width: 0;
  height: 0;
}
<div id="flecha"> </div>

Refactorización de triángulo cambia colores

¿Cómo puedo mejorar este código? ¿Hay algún evento para cambiar de color?

No quiero usar estas condiciones if(color==0){ , ¿Cuál sería otra forma de resolverlo?

var flecha=document.getElementById("flecha")
var color=0;
flecha.onclick = function() {
 if(color==0){ 
   this.style.borderBottom ="100px solid red";
   this.style.borderLeft ="50px solid transparent";
   this.style.borderRight ="50px solid transparent";
   color=1;
 }else{
   this.style.borderBottom ="100px solid #3af";
   this.style.borderLeft ="50px solid transparent";
   this.style.borderRight ="50px solid transparent";
   color=0;
 }
 }
#flecha{
  border-bottom:100px solid #3af;
  border-left:50px solid transparent;
  border-right:50px solid transparent;
  width: 0;
  height: 0;
}
<div id="flecha"> </div>

Origen Enlace
hubman
  • 2.7k
  • 13
  • 44
  • 96

refactorizacion de triangulo cambia colores

Como puedo mejorar este codigo, hay algun evento para cambiar de color?, no quiero usar estas condiciones if(color==0){ , en realidad cual seria la otra forma de resolver?

var flecha=document.getElementById("flecha")
var color=0;
flecha.onclick = function() {
 if(color==0){ 
   this.style.borderBottom ="100px solid red";
   this.style.borderLeft ="50px solid transparent";
   this.style.borderRight ="50px solid transparent";
   color=1;
 }else{
   this.style.borderBottom ="100px solid #3af";
   this.style.borderLeft ="50px solid transparent";
   this.style.borderRight ="50px solid transparent";
   color=0;
 }
 }
#flecha{
  border-bottom:100px solid #3af;
  border-left:50px solid transparent;
  border-right:50px solid transparent;
  width: 0;
  height: 0;
}
<div id="flecha"> </div>