Perancangan Game Catur Sederhana Berbasis Web Menggunakan HTML, CSS, dan JavaScript

Authors

  • Nayla Rihhadatul Ayni Universitas Indonesia Mandiri Author
  • Angga Saputra Universitas Indonesia Mandiri Author
  • Zikri Nurrahman Universitas Indonesia Mandiri Author
  • Desi Meiliani Universitas Indonesia Mandiri Author
  • Reinal Rafeinal Universitas Indonesia Mandiri Author
  • Dicky Fernandes Universitas Indonesia Mandiri Author

Keywords:

Chess Game, JavaScript, HTML, CSS, Web Programming

Abstract

This study aims to design and implement a simple web-based chess game application using pure client-side technologies, namely HTML, CSS, and JavaScript. This abstract briefly describes the objectives, methods, findings, and significance of the research in developing a lightweight and easily accessible entertainment medium. The development method employed is the Software Development Life Cycle (SDLC) using the Waterfall model, which includes requirement analysis of chess rules, interface design, and logic testing stages. The testing results indicate that JavaScript DOM manipulation is effective in managing chess piece movement validation. The main contribution of this research lies in code efficiency without dependency on external libraries. Functional testing demonstrates that all chess pieces move according to standard chess rules and that the system is capable of validating moves in real time. This study contributes by showing that board-based strategy game logic can be efficiently implemented using pure client-side technologies, resulting in a lightweight, responsive, and accessible application.

Downloads

Download data is not yet available.

References

[1] I. Sommerville, Software Engineering, 10th ed. Boston, MA, USA: Pearson, 2016.

[2] R. S. Pressman and B. R. Maxim, Software Engineering: A Practitioner’s Approach, 9th ed. New York, NY, USA: McGraw-Hill, 2020.

[3] E. Gamma, R. Helm, R. Johnson, and J. Vlissides, Design Patterns: Elements of Reusable Object-Oriented Software. Boston, MA, USA: Addison-Wesley, 1994.

[4] D. Flanagan, JavaScript: The Definitive Guide, 7th ed. Sebastopol, CA, USA: O’Reilly Media, 2020.

[5] J. Duckett, HTML and CSS: Design and Build Websites. Indianapolis, IN, USA: Wiley, 2011.

[6] A. Freeman and E. Robson, Pro JavaScript for Web Apps, 2nd ed. Berkeley, CA, USA: Apress, 2015.

[7] M. Fowler, Refactoring: Improving the Design of Existing Code, 2nd ed. Boston, MA, USA: Addison-Wesley, 2018.

[8] T. Cormen, C. Leiserson, R. Rivest, and C. Stein, Introduction to Algorithms, 3rd ed. Cambridge, MA, USA: MIT Press, 2009.

[9] D. Crockford, JavaScript: The Good Parts. Sebastopol, CA, USA: O’Reilly Media, 2008.

[10] FIDE, “Laws of Chess,” Fédération Internationale des Échecs, Lausanne, Switzerland, 2023. [Online]. Available: https://www.fide.com

Downloads

Published

2026-02-20

How to Cite

Perancangan Game Catur Sederhana Berbasis Web Menggunakan HTML, CSS, dan JavaScript. (2026). Journal of Informatics and Computer Science, 1(1), 21-30. https://jurnal.pustakadigitalmandiri.com/jics/article/view/3