Abstract: The purpose of this study was to investigate how the presence of environmental protection knowledge to the primary sequence of problem-solving. Using a task sequence learning paradigm, the present study designed an environmental problem-solving website to encourage the environmental knowledge development for students. Using questionnaires, this research was able to evaluate users’ pro-environment attitude, hedonic value, epistemic value, and self-confidence concerning environment protection. The results indicated that pro-environmental attitude, hedonic value, epistemic value, and Self-confidence in environment protection are highly correlated. The finding implies that using game-based learning can improve students learning outcome more than traditional classroom practice.