ITA_25-1/Hackathon_2025
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

😸Rawwww

Browse Source
This commit is contained in:
Soenke Wilken
2025-09-11 17:09:58 +02:00
parent 7b604df87c
commit b4b5dff78d
4 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

115
frontend/src/pages/test/testNumbersPage.vue Normal file
View File

@@ -0,0 +1,115 @@
<template>
<div class = "q-pa-lg" style = "max-width: 900px; margin: auto;">
<q-input
filled
v-model = "inputValue"
label = ""
readonly
/>
<div class = "q-gutter-md">
<div class = "row q-gutter-md">
<q-btn
color = "primary"
unelevated
class = "col numpadBtn"
@click = "appendNumber(1)"
>1</q-btn>
<q-btn
color = "primary"
unelevated
class = "col numpadBtn"
@click = "appendNumber(2)"
>2</q-btn>
<q-btn
color = "primary"
unelevated
class = "col numpadBtn"
@click = "appendNumber(3)"
>3</q-btn>
</div>
<div class = "row q-gutter-md">
<q-btn
color = "primary"
unelevated
class = "col numpadBtn"
@click = "appendNumber(4)"
>4</q-btn>
<q-btn
color = "primary"
unelevated
class = "col numpadBtn"
@click = "appendNumber(5)"
>5</q-btn>
<q-btn
color = "primary"
unelevated
class = "col numpadBtn"
@click = "appendNumber(6)"
>6</q-btn>
</div>
<div class = "row q-gutter-md">
<q-btn
color = "primary"
unelevated
class = "col numpadBtn"
@click = "appendNumber(7)"
>7</q-btn>
<q-btn
color = "primary"
unelevated
class = "col numpadBtn"
@click = "appendNumber(8)"
>8</q-btn>
<q-btn
color = "primary"
unelevated
class = "col numpadBtn"
@click = "appendNumber(9)"
>9</q-btn>
</div>
<div class = "row q-gutter-md">
<q-btn
color = "primary"
unelevated
class = "col numpadBtn"
@click = "appendNumber(0)"
>0</q-btn>
</div>
</div>
<q-btn
label = "Enter"
color = "secondary"
class = "q-mt-md full-width"
@click = "onEnter"
/>
</div>
</template>
<script setup>
import { ref } from 'vue'
const inputValue = ref('')
function appendNumber(num) {
inputValue.value += num
}
function onEnter() {
console.log(inputValue.value)
inputValue.value = ''
}
</script>